今天用一天的时间把项目的首页写了一遍,不断的调整网页的兼容性,调了一天终于把首页调好了,其中发现了几个小问题。关于浏览器兼容的小问题。
IEtest中的IE11及其以下的浏览器不识别rem度量单位,要将其改为em单位;
火狐中的超链接字体大小显示不正常,如果是继承父级的字体大小的话,和不是超链接的字体要小一些
ie6及其以下不支持css3效果,解决方法:重设超链接中的字体,稍微设大一点。
火狐中在图片中及其中包含的div中高设置em换算错误7em,换算成179px
火狐中图片如果未载入时,图片边框显示。
ie和谷歌浏览器默认页面宽度和火狐的默认宽度不一样,如果宽度设置为固定的话,就会造成显示不一样,最好将宽度设置为百分数。
font-awesome 字体在ie11(ietest中)及其以下的版本不显示
ie11(ietest中)input框(左浮动)后面接个div(不左浮动),div和input间隔几个像素;解决方法在
后面的div中设置左浮动。