网站公告

若何防止网站的浏览器不兼容

时间:2016-9-14 9:05:26  作者:佚名  来源:网络  查看:220  评论:0
内容摘要:做网站的人最大年夜的忧?是本身做的网站在不合的浏览器出现的界面不一样,在火狐浏览器打开异常正常,但在IE浏览器打开却出现错位,这主如果因为不合浏览器对于HTML代码的处理才能不一样造成了。火狐浏览器是一种比较正规的浏览器,它对HTML的读取异常好,一般HTML中的一些小缺点都邑被...
做网站的人最大年夜的忧?是本身做的网站在不合的浏览器出现的界面不一样,在火狐浏览器打开异常正常,但在IE浏览器打开却出现错位,这主如果因为不合浏览器对于HTML代码的处理才能不一样造成了。

火狐浏览器是一种比较正规的浏览器,它对HTML的读取异常好,一般HTML中的一些小缺点都邑被改正显示,而IE却不可。

为了让每一个浏览都应用不合浏览器能正常打我们本身做的网站,就须要我们将每个浏览器之间规范围一下,我们可以经由过程网站的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;} /* 浮动与清除 */ .fleft{float:left;}.fright{float:right;}.clearfix:after{clear:both;content:".";display:block;height:0;font-size:0;visibility:hidden;}.clearfix{*zoom:1;}

将以上代码复制粘贴到本身网站的CSS样式的最上面即可。

济南门户网 @ 版权所有 CopyRight 2014-2018 All Rights Reserved. www.dingdianss.com