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

前端之家收集整理的这篇文章主要介绍了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

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

猜你在找的HTML相关文章