早上好。我有一个网站运行媒体查询MIN WIDTH(即浏览器窗口大小)，当宽度为1024px及以下时在样式表上运行，另一个在1025及以上时运行。我发现很难确定要关注哪一个——屏幕大小、窗口大小或分辨率，但这正是我所追求的，到目前为止效果很好。我还使用responsd.js来确保IE8和早期版本实际运行样式表。
Chrome、FF和IE在我尝试过的所有台式机上都能正确显示网站，Chrome在我11.6英寸的笔记本电脑上也能完美显示，但FF和IE 10显示的网站比它应该显示的要大得多，这意味着会出现一个水平滚动条。
我注意到IE的默认缩放级别是125%——如果我将其设置为100%，我的网站就会像chrome一样显示。在这种更高的缩放比例下，浏览器窗口大小的计算似乎是错误的，因为为了在样式表之间进行更改，必须对其进行更大的调整。
我的问题是，我很感激为每个浏览器使用不同的样式表并不是很有效，而且可能会显示糟糕的代码。然而，还有别的办法吗？如果我把整个都缩小，在Chrome中它会看起来很小。
还是我该麻烦一下？这是firefox/IE用户经常出现的问题吗？正如我所说，它只在我的笔记本电脑上(尽管我相信许多小屏幕可能会产生相同的结果)，并且在我的两台台式机(20英寸宽屏幕和17英寸方屏幕)上的所有浏览器上都显示良好。
我会从一开始就瞄准解决方案更好吗？还是这不会有任何区别？
我会感谢其他人认为儿子这一点，甚至可能是一个解决方案！
感谢
尝试在文档的头部包含视口元标记，如：
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1">