经常有人在做网页的时候,特别是初学者容易犯的错误就是写出的代码在一种浏览器里面很正常,但是在其他的浏览器里面却会发现页面的显示会多少有些问题,甚至于在不同的浏览器里面的网页排版看起来完全不同,有的会导致页面排版乱掉等等,造成这一系列的原因可能就是最常见的兼容性问题了!
因为在不同的浏览器里面各种代码标签都自带了自身本生的属性,在没有给标签一个属性前,在不同的浏览器里面自带的属性可能不同,所以就产生了你在一种浏览器里面显示是正常的页面,但是在其他的浏览器里面就发现显示出来的页面与原本的预想多多少少会有所不同!
这个时候我们该如何去解决这个问题了?
其实解决这个问题的方法也很简单,就是把你在制作网页中所需要用到的代码标签的属性都重置下就行了!
例如:
/*重置样式*/
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;}
body { background: #FFF; color: #000; font-size: 12px; font-style: normal; font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;}
em, b, i { font-style:normal;}
li { list-style:none;}
a,img { border:none;}
a { text-decoration:none; color:#244666;}
table { border-spacing:0; border-collapse:collapse;}
重置样式可以根据自己的网页需求来重置就行了,在网页制作还会出现其它很多种不同的兼容性问题,这个只是其中的一个,在以后的学习中月影也会为大家讲解的!
关注微信公众号(月影WEB),了解更多的前后端知识;
欢迎大家关注互相交流学习;