如何解决为什么webkit的Safari / Chrome页面缩放在缩小时会破坏流畅的布局
|| 我有一个网站布局混乱多年。那就是定义了正文的文本大小,所有其他大小都是相对的,并以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;
可能太具体了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。