忽略桌面浏览器上的视口设置（如何？）

Question

如何让桌面浏览器忽略我为移动设备设置的视口设置？如果我调整浏览器窗口的大小，它会将那些我只打算用于手机的更改付诸实施。

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

我对响应式设计不熟悉所以我为初学者的问题性质道歉，我试图自己寻找答案。任何帮助都会非常受欢迎。

Answer 1

回到过去（2001年），当最受欢迎的浏览器非常不支持CSS时，这种问题是通过浏览器检测来处理的。如果浏览器是桌面版，则不使用视口标记。

当时微软的IE是导致疼痛的主要原因之一，他提出了一种稍微不同的方法：检测浏览器功能。

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

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

我认为所有网站仍然使用浏览器检测来处理CSS和HTML支持的差异。看来他们没有。