如何开发响应式网页

Question

这可能被视为一个广泛的主题。我希望不是因为我需要一些指导。

因此，当我开发响应式网页/网站时，我将浏览器拖动到某些视口大小（等于设备大小），并在需要的地方添加媒体查询。

在Google Chrome开发工具中，您可以使用设备模拟器，通过将浏览器设置为像iPad，iPhone，三星等一样来切换设备模式。

我的问题是，我的网站在模拟器上看起来略有不同，然后在浏览器上显示。我应该使用哪个？用于构建响应式站点或Dev Tool模拟器的浏览器？

Answer 1

使用chrome dev工具开发网格，但请继续查看iPad /手机以获取详细信息。

调整窗口大小也有助于找到网格中的间隙（Bootstrap ...）。