零基础建站培训介绍

当前位置:

怎么使做的网页上图片在每台电脑显示一样

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

上一课: 下一课:

已经有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;}

发表评论

*

* 绝不会泄露