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