问题描述
||
我有一个网站布局混乱多年。那就是定义了正文的文本大小，所有其他大小都是相对的，并以ems为单位指定。这使得页面在IE 5.5或更高版本，旧FF版本等上具有完全可伸缩性。如今，它不再那么重要了，因为在现代浏览器中，页面缩放与文本缩放相对。页面缩放适用于我，IE，FF，Opera的所有浏览器，而缩放也适用于基于Webkit的浏览器。但是缩小（小于100％）会破坏布局，我不明白为什么会这样。
这是该页面的示例页面，可以尝试以下操作：
缩小时，为什么在Safari（我使用5.0.5进行测试）和Chrome中布局中断？在Chrome浏览器中，它的工作类似于缩小然后折断的两个步骤。缩小几乎没有用，所以我猜这更多是一个学术问题。我想了解发生了什么。
谢谢。
解决方法
可能是由于某些默认浏览器样式基于px而不是ems。例如，如果您在Safari中使用webkit检查器，则“ 0”将包含一个包含“ 1”的用户代理样式表。可能值得使用CSS重置或在任何混乱的元素上检查类似的事情。
编辑对于您的某些价值观，这也可能是一个四舍五入的问题。我不确定Safari会看多少小数位，但我猜like3ѭ之类的
padding: 0.46154em 0em 0em 0.92308em;