網(wǎng)頁(yè)制作:如何提高網(wǎng)頁(yè)的兼容性(1)-web前端

經(jīng)常有人在做網(wǎng)頁(yè)的時(shí)候,特別是初學(xué)者容易犯的錯(cuò)誤就是寫(xiě)出的代碼在一種瀏覽器里面很正常,但是在其他的瀏覽器里面卻會(huì)發(fā)現(xiàn)頁(yè)面的顯示會(huì)多少有些問(wèn)題,甚至于在不同的瀏覽器里面的網(wǎng)頁(yè)排版看起來(lái)完全不同,有的會(huì)導(dǎo)致頁(yè)面排版亂掉等等。

造成這一系列的原因可能就是最常見(jiàn)的兼容性問(wèn)題了。

因?yàn)樵诓煌臑g覽器里面各種代碼標(biāo)簽都自帶了自身本生的屬性,在沒(méi)有給標(biāo)簽一個(gè)屬性前,在不同的瀏覽器里面自帶的屬性可能不同,所以就產(chǎn)生了,你在一種瀏覽器里面顯示是正常的頁(yè)面,但是在其他的瀏覽器里面就發(fā)現(xiàn)顯示出來(lái)的頁(yè)面與原本的預(yù)想多多少少會(huì)有所不同。

這個(gè)時(shí)候我們?cè)撊绾稳ソ鉀Q這個(gè)問(wèn)題了?

其實(shí)解決這個(gè)問(wèn)題的方法也很簡(jiǎn)單,就是把你在制作網(wǎng)頁(yè)中所需要用到的代碼標(biāo)簽的屬性都重置下就行了。

例如:

/*重置樣式*/

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

重置樣式可以根據(jù)自己的網(wǎng)頁(yè)需求來(lái)重置就行了,在網(wǎng)頁(yè)制作還會(huì)出現(xiàn)其它很多種不同的兼容性問(wèn)題,這個(gè)只是其中的一個(gè)。

在以后的學(xué)習(xí)中月影也會(huì)為大家講解的。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容