问:
我自己做了一个小网站,里面有十几个网页,有些网页上有很多图片,可以这些图片在不同的电脑里显示的位置,尺寸都不一样,即使在同一台电脑上,用不同的浏览器打开也是不一样,不兼容,这是怎么回事呢,怎么解决?
答:
这是由于你的图片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;}
seo推广三方面分析网站建设之如何去选择关键词?下面给大家分享相关知识……选择营销型网站建设的公司的时候需要注意那些事项seo文章标题多少字合适建立企业官网,哪些是至关重要的关键地方重大设计评价沿用以中庸思想为基础书签:网页快照新发现行业网站建设该选择什么样的CMS?