在做公司网站的导航的时候,碰到了这个问题。windows xp下面的火狐和win7下面的火狐显示出来的版面不一致!win7下面,容器overflow了。找到下面这篇资料。这也暴露出一个设计上的问题:控制显示效果,除非异常巧妙和灵活,否则不能把设计付托给自适应的宽度和高度。通常为了达到精确的一致,只能做成固定像素的大小。这样,才能确保万无一失。
CSS中,FireFox火狐对Arial字体的英文字母"特别照顾" 总是会放大,而在IE和Chrome下却不会放大.
这些都是在win7系统才能看到.如果你不打算兼容win7用户,那么本篇文章可以忽略.
我怀疑Win7和WinXP中自带的Arial字体是不是不一样,分别查看版本,5.06和3.00.
于是在Win7中,我往一张图片PS了几个字母,保存,然后发到WinXP系统中,PS了同样的字母,发现大小是完全相同的.那就不是字体问题了.
得出一个结论,FireFox在Win7中对Arial字体特别有爱.
当你在win7下,用火狐看到某个容器中的行尾有几个中文字换行时,而在IE和Chrome中不换行,请不要奇怪.
很可能是你用了Arial字体,并且那个句子中带有英文字母.难道win7中自带的Arial字体和WinXP的不一样???
解决办法?唯有把容器设宽一点,或者放弃使用Arial字体.
来源:http://hi.baidu.com/boden/blog/item/10f18e38e7b7a9fd3a87ce8d.html
