如何开发响应式网页[关闭]

Posted 2023-03-12

【中文标题】如何开发响应式网页[关闭]

【英文标题】：How to develop a responsive web page [closed]

【发布时间】：2016-01-05 16:26:57

【问题描述】：

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

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

在 Google Chrome 开发工具中，您有一个设备模拟器，允许您通过将浏览器设置为看起来/行为像 iPad、iPhone、三星等来切换设备模式。

我的问题，我的网站在模拟器上看起来与在浏览器上略有不同。我应该使用哪个？用于构建响应式站点的浏览器或开发工具模拟器？

【问题讨论】：

你是对的......完全过于宽泛和/或基于意见。不是一个适合 SO 的问题。

只有真正准确的读数，您无法击败物理设备本身。模拟器和桌面浏览器窗口可以通过多种方式为您提供不同的结果。

【参考方案1】：

使用 chrome 开发工具开发网格，但请继续查看 iPad / Phone 以了解详细信息。

调整窗口大小还可以帮助找到网格中的间隙（引导程序...）。