微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 放大Firefox导致打印页面布局

我在此页面遇到问题: http://seatgeek.com/atlanta-hawks-tickets/.如果您从Firefox中的“正常”设置缩小一个级别,则页面如下所示:.这发生在FF版本3.6和4.0. Webkit并不会发生这种情况.

显然问题在于“list_details”div中的元素.可以通过将“col1”或“col2”的宽度减小1px或通过将“vevent”li元素增加1px来修复问题,但这些修复会导致设计呈现不正确.

如果加上“col1”和“col2”的宽度,还要考虑到它们的横向填充和边框,总宽度为647px.但是,当包含两个“vevent”元素的宽度为648px时,它只会在Firefox中正常显示(当缩小一级时).这是为什么?

解决方法

因为这似乎已经被碰撞了,但原来的代码是不可用的,我可以说差异是由四舍五入(或子像素)造成的,OP表示,当div是648px宽的时候,问题没有发生.无论缩放级别如何,偶数都可以减半,或者在2列之间拆分(OP也提到2列)

不过,这个奇怪的数字647像素将被Firefox所区分

我无法确切地说出如何看不到这两列的宽度,但是John Resig的这篇博文可能会更好地解释

Sub-Pixel Problems in CSS

一个可能的解决方案,或至少是一个帮手,是确保容器的可用宽度总是可以被列数列分隔?

原文地址:https://www.jb51.cc/html/224518.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐