我有一个网站（http://www.sealinesd.com）大部分时间都运行得很好......但有时浏览器（Firefox和Chrome）会确定错误的屏幕大小并显示网站错误。同一台计算机将在两个不同的浏览器上以不同的方式显示它：一个浏览器将确定屏幕是960-1240而另一个将正确地看到它超过1240.我无法解决这个问题。任何人都有一些很好的工具来解决这个问题，或者更好的是，知道问题可能是什么？
答案 0 :(得分：0)
好的，我明白了。我的一些浏览器只有一点变焦放大率。这搞砸了浏览器像素大小的读取方式，因为浏览器缩放基本上会拉伸像素：1024x768屏幕上的200％缩放将被读取为612x384屏幕。我在CSS中更改了媒体查询以使用ems而不是像素，这解决了问题。如果您遇到此问题，只需进入样式表，然后将像素除以16并将“em”加到末尾而不是“px”，将像素更改为ems。
示例：“@media only screen and（min-width：960px）and（max-width：1240px）{”
将成为“@media only screen and（min-width：60em）and（max-width：77em）{”
现在用户可以在不更改查询的情况下进行缩放，因为em（字母“m”的长度）是基于文本大小的度量，该大小与页面成比例地变化。