网页制作:如何提高网页的兼容性(1)-web前端

经常有人在做网页的时候,特别是初学者容易犯的错误就是写出的代码在一种浏览器里面很正常,但是在其他的浏览器里面却会发现页面的显示会多少有些问题,甚至于在不同的浏览器里面的网页排版看起来完全不同,有的会导致页面排版乱掉等等。

造成这一系列的原因可能就是最常见的兼容性问题了。

因为在不同的浏览器里面各种代码标签都自带了自身本生的属性,在没有给标签一个属性前,在不同的浏览器里面自带的属性可能不同,所以就产生了,你在一种浏览器里面显示是正常的页面,但是在其他的浏览器里面就发现显示出来的页面与原本的预想多多少少会有所不同。

这个时候我们该如何去解决这个问题了?

其实解决这个问题的方法也很简单,就是把你在制作网页中所需要用到的代码标签的属性都重置下就行了。

例如:

/*重置样式*/

html,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;}

重置样式可以根据自己的网页需求来重置就行了,在网页制作还会出现其它很多种不同的兼容性问题,这个只是其中的一个。

在以后的学习中月影也会为大家讲解的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容