【问题标题】:How to develop a responsive web page [closed]如何开发响应式网页[关闭]
【发布时间】:2016-01-05 16:26:57
【问题描述】:

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

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

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

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

【问题讨论】:

  • 你是对的......完全过于宽泛和/或基于意见。不是一个适合 SO 的问题。
  • 只有真正准确的读数,您无法击败物理设备本身。模拟器和桌面浏览器窗口可以通过多种方式为您提供不同的结果。

标签: android html ios css


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-11-19
    • 2014-06-15
    • 1970-01-01
    • 1970-01-01
    • 2015-10-08
    • 2014-10-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多