早晨。我有一个网站运行媒体查询MIN WIDTH（即浏览器窗口大小），样式表运行时宽度为1024px及以下，另一个为1025及以上。我找到了难以理解的重点 - 屏幕大小，窗口大小或分辨率，但这是我的目标，到目前为止它运作良好。我还使用respond.js来确保IE8和更早版本实际运行样式表。
Chrome，FF和IE都在我试过的所有台式机上正确显示网站，并且我的11.6英寸笔记本电脑上的Chrome显示效果很好，但FF和IE 10显示的网站比应有的大得多，这意味着出现水平滚动条。
我注意到IE的默认缩放级别是125％ - 如果我将其设置为100％，我的网站就会像在Chrome中一样显示。看起来在这个更高的缩放时，浏览器窗口大小计算错误，因为它必须调整得更远，以便在样式表之间进行更改。
我的问题 - 我很欣赏为每个浏览器设置不同的样式表并不高效，也许会显示错误的代码。但是，有另一种方式吗？如果我将整个数量缩小，那么在Chrome中看起来会很小。
或者我应该打扰吗？这是firefox / IE用户经常轻松缩小的问题吗？正如我所说，它只在我的笔记本电脑上（虽然我确定许多小屏幕可能产生相同的结果）并且在我的两台台式机（20英寸宽屏和17英寸方形）上的所有浏览器上都能很好地显示。
从一开始我是否会更好地定位目标，或者这没有任何区别？
我很感激其他人认为儿子这个甚至可能是一个解决方案！
由于
答案 0 :(得分：2)
尝试在文档的头部包含视口元标记，如：
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1">