如何让桌面浏览器忽略我为移动设备设置的视口设置?如果我向下调整浏览器窗口的大小,它会将我只打算用于手机的那些更改落实到位。
我拥有的页面在桌面浏览器和 iPad 上是可读的,所以我想为手机创建新的 CSS。例如,Nexus 4 手机屏幕为 768 x 1280 像素,与 iPad 和桌面浏览器相当,但呈现的所有内容都小得多,因此我创建了不同的布局,我只需要某些设备来忽略它。
我是响应式设计的新手,所以我为我的问题的初学者性质道歉,我试图自己寻找答案。任何帮助都会非常受欢迎。
回到过去(2001 年),当大多数流行的浏览器对 CSS 的支持非常不均衡时,这种问题是通过浏览器检测来处理的。如果浏览器是桌面版本,则不要使用视口标签。
微软,其 IE 是当时痛苦的主要原因之一,它敦促采用一种略有不同的方法:检测浏览器功能。
http://msdn.microsoft.com/en-us/magazine/hh475813.aspx
作为用户,我遇到了 tumblr.com 的问题,它强制所有内容的视口值为“960”,使他们的网站在我的 1440x900 显示器上看起来很糟糕。
我假设所有网站仍然使用浏览器检测来处理 CSS 和 HTML 支持的差异。似乎他们没有。