学做网站培训课程介绍

当前位置:

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

问:

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

答:

这是由于你的图片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;}

《“网页浏览器不兼容怎么解决”》 有 2 条评论

  1. 学习建网站学员 下一站说道:

    你的网站兼容性差呗,使用CSS样式表去规范一下兼容性样式。

  2. 学习建网站学员 爱范儿说道:

    只能说你做网站的时候,少放了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;}

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 网页如何添加背景音乐 视频教程附件下载 (1116827 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 软件介绍在我们做网站的过程中,希望自己做的的网站,别人在用不同浏览器浏览的时候,都不会错位,或者不显示。这就需要我们在做网站之前,对我们的
  • 在我们学习建网站过程中,使用火狐浏览器来辅助我们编辑网页,查看网页图片,修改网站代码.特别的方便.可以大大增加我们的工作效率.所在在学做网站论坛里
  • 有些同学在自己制作网站时,出现网站在火狐浏览器、谷歌浏览器显示正常,但在IE6、IE7浏览器却出现移位,错乱的现象,这就是由于网站对IE6、IE7浏览器
  • 80端口被占用解决方法 图文教程 (127527 次浏览)
    在安装和使用本地环境时,有时会出现80端口被占用了,而迅雷等下载软件恰恰就是占用了80端口,关掉就行了。但有时迅雷等都没有开也启动不了,那就是别
  • 近期,有的学建网站学员问过这样一个问题,就是在网站后台修改了WordPress地址Url导致网站后台无法登录,并且网站也无法打开了,出现这样的问题,应该