【问题标题】:Ignoring viewport settings on desktop browsers (how?)忽略桌面浏览器上的视口设置(如何?)
【发布时间】:2013-11-13 23:28:20
【问题描述】:

如何让桌面浏览器忽略我为移动设备设置的视口设置?如果我向下调整浏览器窗口的大小,它会将我只打算用于手机的那些更改落实到位。

我的页面可以在桌面浏览器和 iPad 上阅读,所以我想为手机创建新的 CSS。例如,Nexus 4 手机屏幕为 768 x 1280 像素,与 iPad 和桌面浏览器相当,但呈现的所有内容都小得多,因此我创建了不同的布局,我只需要某些设备来忽略它。

我是响应式设计的新手,所以对于我的问题的初学者性质,我深表歉意,我试图自己寻找答案。非常欢迎任何帮助。

【问题讨论】:

    标签: mobile viewport


    【解决方案1】:

    在过去(2001 年),当大多数流行的浏览器对 CSS 的支持非常不均衡时,这类问题是通过浏览器检测来处理的。如果浏览器是桌面版本,则不要使用视口标签。

    微软,其 IE 是当时痛苦的主要原因之一,它敦促采用一种稍微不同的方法:检测浏览器功能。

    http://msdn.microsoft.com/en-us/magazine/hh475813.aspx

    作为用户,我遇到了 tumblr.com 的问题,它强制所有内容的视口值为“960”,这使得他们的网站在我的 1440x900 显示器上看起来很糟糕。

    我假设所有网站仍然使用浏览器检测来处理 CSS 和 HTML 支持方面的差异。他们似乎没有。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-06-14
      • 1970-01-01
      • 2013-09-07
      • 1970-01-01
      • 2016-09-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多