各浏览器页面显示时的各种问题及解决办法汇总

这些内容有些是自己总结的，有些是看到别人的文章记录下来的，谢谢你们的分享。此文章会继续补充完善。

 

多数浏览器共有

1. 图片下面有空隙。解决办法：给图片加display:block样式，或者vertical-align:middle样式。

2. 表格显示1px边框。解决办法：给table加border-collapse:collapse样式，给td加border:1px solid #ccc样式。

 

ie

 

chrome

1. chrome下12px以下的字号浏览器显示是12px。解决办法：在css中加 -webkit-text-size-adjust:none;