Html 我应该使用哪种工具进行响应式web开发：Chrome web developer工具还是简单地调整窗口大小？

我一直在努力为移动设备创建一个响应迅速的网站。我找到了两种测试响应性设计的方法：

通过调整窗口大小

使用谷歌Chrome开发者的工具

---

在这两方面我都有不同的看法。当我在'em'

中使用

字体大小

和

填充

时，哪个选项给了我正确的视图。虽然开发响应性应用程序是最简单的，但并不完美，但方法是使用Chrome的开发工具。即使这样，也可能会得到不同的结果，因为移动设备屏幕不仅使用宽度/高度，还使用dpi。因此，320iPhone6s的屏幕不会与320px大小的浏览器或同等android设备完美匹配

调整浏览器窗口的大小没有响应。虽然开发响应性应用程序是最简单的，但并不完美，但方法是使用Chrome的开发工具。即使这样，也可能会得到不同的结果，因为移动设备屏幕不仅使用宽度/高度，还使用dpi。因此，320iPhone6s的屏幕不会与320px大小的浏览器或同等android设备完美匹配

选择chrome开发者工具。这是检查响应性的好方法。它具有流行的移动和平板设备的尺寸。因此，您可以同时检查各种设备。
简单地调整浏览器大小并不是检查响应性的正确方法。
最近我建立了一个页面，可以很好地处理你提到的两种方式。您可以查看。

---

如果您需要帮助，请告诉我。

使用chrome开发者工具。这是检查响应性的好方法。它具有流行的移动和平板设备的尺寸。因此，您可以同时检查各种设备。
简单地调整浏览器大小并不是检查响应性的正确方法。
最近我建立了一个页面，可以很好地处理你提到的两种方式。您可以查看。

---

如果您需要帮助，请告诉我。

我认为Chrome开发工具是本地快照的最佳选择

但是，如果您可以访问一个或多个移动设备，您可能希望在Heroku或其他生产环境中启动该站点，并从实际设备查看该站点

---

以iPhone 6为例，我发现Chrome没有考虑safari中的地址栏或底部导航，因此与iPhone 6的Chrome开发视图相比，情况可能会稍有不同。

我认为Chrome开发工具是本地快照的最佳选择

但是，如果您可以访问一个或多个移动设备，您可能希望在Heroku或其他生产环境中启动该站点，并从实际设备查看该站点

---

以iPhone 6为例，我发现Chrome没有考虑safari中的地址栏或底部导航，因此可以稍微偏离iPhone 6的Chrome Dev视图。

嗯，调整窗口大小并不一定会改变分辨率，它只会改变主体容器或div的宽度，等等。。。取决于您如何响应地编码它们。你不会看到字体大小的变化，就像你使用开发者工具来模拟其他设备的实际分辨率/屏幕大小一样。嗯，调整窗口大小并不一定会改变你的分辨率，它只会改变主体容器或div的宽度，等等。。。取决于您如何响应地编码它们。您不会看到字体大小的变化，就像使用开发工具模拟其他设备的实际分辨率/屏幕大小一样。