让页面能在各种主要的环境下都能有较好的效果,应该是一般页面都具备的素质。使用渐进增强的方式来开发是一种不错的思路。
我的做法是这样的:
HTML -> 添加基本的css -> 浏览器兼容 -> 根据浏览器特性添加增强效果的css -> 加入js,并添加与此相关的css -> 浏览器测试,修正
具体的
(先在对于标准支持比较好的浏览器上进行Chrome,Firefox...)
1.先完成良好语义的HTML。
2.添加基本css样式,css3或者低端浏览器不支持的特性先不添加,要兼顾no-script的环境。
3.进行浏览器测试(IE*...)添加用于兼容的css。
4.为高级浏览器添加一些高级css样式(我比较支持不同浏览器使用不同的设计,比如对于IE就可以不用圆角。如果需要图片这类来在IE实现圆角等也在这一阶段添加相应的代码)
5.开始添加js的代码,同时添加相关的css
6.对于各浏览器进行测试,修正bug
大家平时又是怎样来组织这些流程的呢?欢迎指正,讨论。
我的做法是这样的:
HTML -> 添加基本的css -> 浏览器兼容 -> 根据浏览器特性添加增强效果的css -> 加入js,并添加与此相关的css -> 浏览器测试,修正
具体的
(先在对于标准支持比较好的浏览器上进行Chrome,Firefox...)
1.先完成良好语义的HTML。
2.添加基本css样式,css3或者低端浏览器不支持的特性先不添加,要兼顾no-script的环境。
3.进行浏览器测试(IE*...)添加用于兼容的css。
4.为高级浏览器添加一些高级css样式(我比较支持不同浏览器使用不同的设计,比如对于IE就可以不用圆角。如果需要图片这类来在IE实现圆角等也在这一阶段添加相应的代码)
5.开始添加js的代码,同时添加相关的css
6.对于各浏览器进行测试,修正bug
大家平时又是怎样来组织这些流程的呢?欢迎指正,讨论。