码迷,mamicode.com
首页 > Web开发 > 详细

(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。

时间:2016-06-10 19:03:09      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

1.兼容性问题的产生:个别浏览器的开发商对一些CSS属性的解析没有按W3C的标准设计。

一个好的网站布局需要在所有的浏览器上呈现相同的界面,即使不能完全一致也要大致相同。浏览器进行页面布局调试将其分为IE和非IE两种。主要原因是因为微软公司的IE浏览器没有按W3C的标准设计,而非IE浏览器几乎是符合W3C标准的。目前IE浏览器占有很大的市场份额,IE5使用人群很少,基本不用考虑,一般IE浏览器兼容性只针对IE6,IE7,IE8就可以了,IE的新版本向标准化迈进。非IE浏览器以Firefox浏览器为代表。

 

2.不同浏览器解释盒子模型的差异

A.IE盒子模型:

IE盒子模型的范围包括了margin border padding 内容区,IE盒子模型的内容包含了border padding 

B.标准的盒子模型:

标准的盒子模型的范围包括了margin border padding 内容区,标准的盒子模型的内容不包含border padding

 

3.兼容性问题的解决:设置浏览器遵循W3C标准

如果加上DOCTYPE声明,那么所有的浏览器就会采用标准的W3C盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。声明代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。

标签:

原文地址:http://www.cnblogs.com/kingmin/p/5573963.html

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