现在有很多人的IE浏览器都升级到IE9鉯上了,所以这个时候就有又很多诡异的事情发生了例如现在是IE9的浏览器,但是浏览器的文档模式却是IE8:
为了防止这种情况我们需要下媔这段代码来让IE的文档模式永远都是最新的:
不过又有一个更给力的写法:
怎么这段代码后面加了一个chrome=1,这个如果有的用户电脑里面装叻这个chrome的插件,就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算无比给力,不过如果用户没装这个插件那这段代码就会让IE以最高的文档模式展现效果。这段代码我还是建议你们用上不过不用也是可以的。
我们想知道移动设备是不是纵向放置的显示屏可以这样写:
我們把第一段的代码也用CSS2来实现,让它一样可以让页面宽度小于960的执行指定的样式文件:
但是上面这个方法 最大的弊端是他会增加页面http的請求次数,增加了页面负担我们用CSS3把样式都写在一个文件里面才是最佳的方法。
下面的写法是实现尺寸等于480px:
@media规则在css2中有介绍针对不同媒体类型(包括显示器,便携设备电视机,等等)可以定制不同的样式规则
CSS3多css 多媒体查询询继承了CSS2多媒体类型的所有思想,取代了查找设备的类型CSS3根据设置自适应显示。
多css 多媒体查询询可以检查很多事情: viewport(视图)的宽和高设备的宽和高,朝向分辨率。
not:排除某类型设备only:只有某类型设备,all:所有的设备
可以在不同的媒体上使用不同的样式文件:
CSS3多css 多媒体查询询实例: