就像标题所说的那样，我正在针对页面所有元素（而不是字体）在较旧的浏览器上使用px退回的px进行试验。测试网站是：test.glow-sticks.org
抱歉，如果以下任何术语不正确，我都远不是专家！
在超过1024的分辨率上，使用（css中的html）的字体大小设置为62.5％，简单地使1rem = 10px，在此分辨率下，我将默认字体设置为1.4rem / 14px
在分辨率超过1680的情况下，html css设置为71.4％，通过设置该百分比，字体从14px变为16px，当然所有元素都增加相同的百分比，这非常酷，而且似乎可以使所有内容保持完美同步。
在我的计算机上，这似乎可以正常工作，就像在我使用的许多其他测试平台上一样。但是，我的Web开发人员似乎在她的计算机上遇到问题，但仅限于chrome。（firefox和IE不受影响）
在她的计算机上，当她将分辨率降低到1024（从其原始1920）开始时，网站上正在加载水平滚动条，而在我的计算机上，该网站恰好适合1024。使用铬检查元素工具会变得更加有趣。我一直在检查一个DIV特别是Div id = wholepage，在1024屏幕上查看时应为960px宽，在1680+上查看时应为1097px宽。
但是在她的Chrome上，div = wholepage在1024分辨率下显示1152px，在其原始1920分辨率下显示1152px。
我注意到在我的Chrome版本上，必须将字体大小设置为75％才能重现。似乎无论我将整页div设置为font-size还是要设为1152px。我什至尝试了10％，这在我的Chrome上非常正确，可以使所有内容变小，但是在她的机器上没有任何变化。唯一发生变化的是font-size确实说了10％，但是好像它没有得到尊重，并且被覆盖了至少75％的最小值。
有人可以复制吗？
她可以想出的唯一解决方法是使用更高的百分比，例如90％和103％，提供与62.5和71.4相同的增长，但是将其保留为更好似乎是1 rem = 10px，这就是为什么我要保留此62.5为基础。
没关系，我可以通过将chrome最小字体大小设置为12px或更高来重现该错误。在我的设置中，它设置为6px，这就是为什么在我的版本上一切正常的原因。
16px是chrome的默认大小，而12px可能是chrome的默认最小字体大小，这解释了为什么我的Web开发人员只能将字体大小降低到75％。我还注意到-webkit-text-size-adjust：none; 不再有效，这是可以理解的！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句