如何让CSS的标签兼容不同的浏览器
2016-11-25 10:59
239 查看
在不同浏览器,标签呈现的效果是有区别的。
作为块级元素的标签,在写CSS文件时, 最好定义行高line-height, 不要定义高度height,因为定义了高度, 就限制了块级元素的高度, 在不同浏览器, 很难实现比较统一的效果,我曾经遇到,在IE6,FIREFOX(FF)效果完好, 而在IE7,标题的文字只出来一半。 且标题在不同的布局中, 会有不同的行数要求, 比如在侧栏等小地方, 标题很可能有2行或3行, 如果高度被定义了, 那么大部分浏览器都会出现错误的显示, 很拥挤或没有显示, 如果设置了底部边线, 还可能错位。所以标签,
最好不要定义高度height,但一定要定义行高line-height,其他数值,根据实际效果适当变化。这样, 对不同浏览器的兼容性是最好的。
作为块级元素的标签,在写CSS文件时, 最好定义行高line-height, 不要定义高度height,因为定义了高度, 就限制了块级元素的高度, 在不同浏览器, 很难实现比较统一的效果,我曾经遇到,在IE6,FIREFOX(FF)效果完好, 而在IE7,标题的文字只出来一半。 且标题在不同的布局中, 会有不同的行数要求, 比如在侧栏等小地方, 标题很可能有2行或3行, 如果高度被定义了, 那么大部分浏览器都会出现错误的显示, 很拥挤或没有显示, 如果设置了底部边线, 还可能错位。所以标签,
最好不要定义高度height,但一定要定义行高line-height,其他数值,根据实际效果适当变化。这样, 对不同浏览器的兼容性是最好的。
h3 { font-size:14px; margin: 15px 0px 10px 0px; padding: 3px 0px 3px 0px; line-height:20px; color:#55295e; text-align:left; border-bottom: 1px dotted #55295e; }
相关文章推荐
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- CSS不同浏览器间兼容技巧
- CSS在不同浏览器上的兼容问题
- 如何才能编写出兼容各浏览器的CSS
- 应用before/after伪类时如何CSS命名以及针对ie6/ie7浏览器兼容
- css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
- 关于css部份技巧, div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- 根据不同浏览器调用不同css解决兼容问题
- 如何写出兼容大部分浏览器的CSS 代码
- 浏览器对标签的兼容问题(CSS控制浏览器兼容)
- css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
- 速度优化:只加载一个CSS满足所有要求、针对不同浏览器加载不同CSS、正式站改版测试如何不影响用户体验
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- 如何写出兼容大部分浏览器的CSS 代码
- css:如何减少浏览器兼容问题
- css属性对不同浏览器的兼容
- 有关css和js针对不同浏览器兼容的问题
- 如何使CSS跨浏览器兼容
- css技巧div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- 黑马程序员之HTML学习笔记:有关css和js针对不同浏览器兼容的问题