网页浏览器不兼容怎么解决

2023-05-23    分类: 网站建设

问:

我自己做了一个小网站,里面有十几个网页,有些网页上有很多图片,可以这些图片在不同的电脑里显示的位置,尺寸都不一样,即使在同一台电脑上,用不同的浏览器打开也是不一样,不兼容,这是怎么回事呢,怎么解决?

答:

这是由于你的图片CSS不兼容造成的,少放了CSS强制样式的代码。所以造成多个浏览器打开不一样的现象。添加以下的CSS代码后,再使用网站浏览器兼容测试软件测试一下兼容性。

在你的网页的HEAD部分放入下面的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;}

当前名称:网页浏览器不兼容怎么解决
网站网址:https://www.cdcxhl.com/news/260750.html

成都网站建设公司_创新互联,为您提供手机网站建设关键词优化外贸网站建设品牌网站建设微信公众号软件开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司