忽略桌面浏览器上的视口设置(如何?


如何

让桌面浏览器忽略我为移动设备设置的视口设置?如果我缩小浏览器窗口的大小,它会放置我只打算用于手机的那些更改。

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

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

回到过去(2001 年),当最流行的浏览器对 CSS 的支持非常不平衡时,这类问题是通过浏览器检测来处理的。如果浏览器是桌面版本,则不使用视口标记。

Microsoft的IE是当时疼痛的主要原因之一,他敦促采用一种略有不同的方法:检测浏览器功能。

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

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

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

最新更新