Jianrong
layout: post
title: css兼容问题
tags: css 兼容
categories:css 兼容
因为浏览器厂商众多,采用的浏览器内核各不相同,所以对CSS语法支持的程度也各不相同,有的可能是语法不支持,有的可能是语法支持但是效果表现形态不同,反正都是因为浏览器不同所造成的。
1.在IE10以下的浏览器中,给图片添加链接,默认会产生一个蓝色的边框,而高级浏览器却没有这个现象,所以需要给img{ border-style: none; }来解决这个CSS兼容性问题。
1.可以解决大部分这样的兼容性问题,即:Normalize CSS。Normalize CSS可以看成是一种Reset CSS的替代方案
2. 有时候我们需要为不同的浏览器甚至不同版本编写特定的 CSS样式,这个过程被称为 CSS hack!CSS hack的书写方法大致可归纳为以下几种:条件hack,属性hack,选择器hack。
3.渐进增强与优雅降级
渐进增强是针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级是一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。