Javascript 浏览器默认缩放的CSS问题

早上好。我有一个网站，运行最小宽度（即浏览器窗口大小）的媒体查询，在样式表上，当宽度为1024px及以下时运行，另一个在1025及以上时运行。我发现很难集中注意力在屏幕大小、窗口大小或分辨率上，但这正是我所追求的，而且到目前为止效果很好。我还使用respond.js来确保IE8和更早版本实际运行样式表

Chrome、FF和IE在我尝试过的所有台式机上都能正确显示站点，Chrome在我的11.6英寸笔记本电脑上也能完美地显示站点，然而FF和IE 10显示的站点比它应该显示的要大得多，这意味着会出现一个水平滚动条

我注意到IE的默认缩放级别是125%——如果我将其设置为100%，我的站点显示与chrome相同。在这种更高的缩放比例下，浏览器窗口大小的计算似乎是错误的，因为为了在样式表之间进行更改，必须对其进行更大的调整

我的问题是——我理解为每个浏览器使用不同的样式表是没有效率的，而且可能会显示糟糕的代码。但是，还有别的办法吗？如果我把整件衣服做小一点，它在铬上看起来会很小

还是我应该麻烦一下？这是firefox/IE用户经常遇到的问题吗？正如我所说，它只在我的笔记本电脑上（尽管我相信许多小屏幕可能会产生相同的结果），并且在我的两台台式机（20英寸宽屏幕和17英寸正方形）的所有浏览器上都能很好地显示

我从一开始就把目标定在解决方案上会更好吗？或者这不会产生任何影响

我会很感激其他人的想法，甚至是一个解决方案

---

谢谢

请尝试在文档头部添加视口元标记，如：

<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1">

缩短您的问题并演示您的问题。IE没有125%作为默认缩放比例，因此对您来说不会有问题。即便如此，你也不应该根据这一点来调整你的网站，因为做缩放的人这样做是为了让网站的内容更大，因为他们可能很难以其他方式看到它。当我点击cntrl+0重置时，它设置为125%though@user2933231你检查过IE设置了吗？您可能已将默认缩放（重新）配置为125%。以下是您如何更改这些设置：谢谢您的帮助-我仍然无法使其产生任何差异，但您似乎为我指明了正确的方向