網(wǎng)站瀏覽器不兼容解決方法
2018-11-01 來(lái)源：學(xué)做網(wǎng)站論壇
做網(wǎng)站的人最大的苦惱是自己做的網(wǎng)站在不同的瀏覽器呈現(xiàn)的界面不一樣，在火狐瀏覽器打開非常正常，但在IE瀏覽器打開卻出現(xiàn)錯(cuò)位。如下圖：
這主要是由于我們自己建網(wǎng)站時(shí)沒(méi)有使用網(wǎng)站瀏覽器兼容測(cè)試軟件–IETester進(jìn)行兼容性測(cè)試，導(dǎo)致不同瀏覽器對(duì)于HTML代碼的處理能力不一樣造成了。
為了讓每一個(gè)用戶使用不同瀏覽器能正常打我們自己做的網(wǎng)站，防止網(wǎng)站的瀏覽器不兼容，就需要我們將每個(gè)瀏覽器之間規(guī)范一下，我們可以通過(guò)網(wǎng)站的CSS樣式添加一段規(guī)范化代碼，這樣就可以讓我們的網(wǎng)站在各個(gè)瀏覽器下正常顯示了，徹底解決網(wǎng)站的瀏覽器不兼容問(wèn)題。
防止網(wǎng)站瀏覽器不兼容的CSS代碼（將下面的代碼放在CSS文件的頂部）：
html{color:#666;background:#F4F4F4;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body,button,input,select,textarea{font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;font-size: 14px;line-height:1.7;word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,i{font-style:normal;font-weight:normal;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border:0;padding:0;margin:0;}
img{border: 0;vertical-align: middle;}
a img{border-width:0;vertical-align:middle;}
a{cursor:pointer}a:link{color:#666;text-decoration:none;}a:visited{color:#666;text-decoration:none;}a:hover{color:#568ABE;text-decoration:underline;}a:active{color:#568ABE;text-decoration:none;}
.cGray{color:#333;}.cCcc{color:#ccc;}.f14px{font-size:14px;}.cRed{color: #c33;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-bottom: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}
.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}
.mlr5{margin:0 5px;}
pre {background-color: #F1EDED; padding: 5px; border: 1px solid #FF9;}
/* 浮動(dòng)與清除 */
.fleft{float:left;}.fright{float:right;}.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}.clearfix{*zoom:1;}
將以上代碼復(fù)制粘貼到自己網(wǎng)站的CSS樣式的最上面即可。另外我們?cè)趯慔TML代碼時(shí)，也可規(guī)范，可以先學(xué)習(xí)一下學(xué)做網(wǎng)站論壇的html視頻教程。
相關(guān)知識(shí)：網(wǎng)站出現(xiàn)IE瀏覽器不兼容的解決方法匯總
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
