博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
提高CSS对浏览器的兼容性!不是看你代码有多强,是看你对问题的态度
阅读量:5825 次
发布时间:2019-06-18

本文共 968 字,大约阅读时间需要 3 分钟。

对于页面的CSS样式,我们开发人员一般只会写一种方式,但一方式很难去适应所有浏览器,或者同一浏览器的各种版本,但如果你要设计一个完美的系统,又必须要去

考虑这个问题,下面是我对CSS样式设计的一个想法:

1 将公有部分,没有兼容的部分放在一个CSS文件里

2 将各个浏览器的个性CSS代码(有兼容性的代码)分别放在自己的文件中

3 通过CSS的IF来进行动态的选择

看代码:

1  
2
5
8

我们可以看到,它对IE9,IE8和IE7进行了过滤,如果你用IE8,那么页面就加载IE8的CSS样式。

页面HTML代码不用修改,各种版本的CSS只用一个HTML主体

1 
2
3
4
5 6
7
8
9
10
11 12
13
14
15
Check to allow this part to be attached to other content types. 16 17
18

字段

19
20 21
22
23
24
25
26
27
28

怎么样,这种方式不错吧,页面清晰,逻辑清晰,代码清晰,CSS也面向对象了!呵呵。

转载于:https://www.cnblogs.com/lori/archive/2012/09/13/2683065.html

你可能感兴趣的文章
zabbix监控php状态(四)
查看>>
实战Django:小型CMS Part2
查看>>
原创]windows server 2012 AD架构试验系列 – 16更改DC计算机名
查看>>
统治世界的十大算法
查看>>
SSH中调用另一action的方法(chain,redirect)
查看>>
数据库基础
查看>>
表格排序
查看>>
关于Android四大组件的学习总结
查看>>
java只能的round,ceil,floor方法的使用
查看>>
由于无法创建应用程序域,因此未能执行请求。错误: 0x80070002 系统找不到指定的文件...
查看>>
新开的博客,为自己祝贺一下
查看>>
【CQOI2011】放棋子
查看>>
采用JXL包进行EXCEL数据写入操作
查看>>
一周总结
查看>>
将txt文件转化为json进行操作
查看>>
线性表4 - 数据结构和算法09
查看>>
Online Patching--EBS R12.2最大的改进
查看>>
Binary Search Tree Iterator leetcode
查看>>
uva-317-找规律
查看>>
我的2014-相对奢侈的生活
查看>>