码迷,mamicode.com
首页 > 其他好文 > 详细

关于浏览器的兼容性问题

时间:2017-11-12 21:52:49      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:isp   兼容性   ie浏览器   display   lock   了解   img   width   ie6   

关于IE浏览器的兼容性问题,老师在上课有带我们了解过,课后我也在整理和理解了这个问题

一 不同浏览器的标签默认标签的会有产生间距

比如以下

技术分享  技术分享

 

为了消除这个边距 使在不同浏览器有一样的效果

解决方法就是在每个CSS开头都加上  *{margin:0;padding:0;} 这样来设置各个标签的内外补丁是0。

二  对于IE6.7对display:inline-block不支持

对于一般浏览器css样式中使用display:inline-block就会正常显示

我们先写html

<ul>
<li>首页</li>
<li>解决方案</li>
<li>加入我们</li>
</ul>

再是css样式

ul li {
display: inline-block;
}

最后在IE默认的模式正常显示

技术分享

但是  我们把默认模式换成IE6, IE7 显示的完全不同

技术分享

解决方法就是在css样式中加上*display:inline 这样就能正常的显示了

技术分享

三 图片默认有间距

先设置HTML和css

技术分享

一般浏览器显示出来的都是这样

技术分享

明明宽度足够但是还是不在同一线上

解决方案是要在css图片的样式上加上float  这样就会消除图片间距

技术分享

 这是简单的解决常见浏览器的兼容问题,还有更多的需要自己慢慢去试去了解

关于浏览器的兼容性问题

标签:isp   兼容性   ie浏览器   display   lock   了解   img   width   ie6   

原文地址:http://www.cnblogs.com/ssn15874065323/p/7822722.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!