CSS判断不同分辨率显示不同宽度布局.docxVIP

第

第PAGE1页共NUMPAGES1页

CSS判断不同分辨率显示不同宽度布局

CSS果决不同鉴别率涉猎器（显露屏幕）显露差别宽度组织CSS3技术手段赞成IE6到IE8。将用到css3@media技俩举行武断，但IE9以下版本不赞成CSS3武艺，这里CSS5给大家介绍通过JS完成低版本的阅读器也支持CSS3完成合用机关。

一、适用畛域描述

CSSDIV网页机关中当辨别率小于即是1024px（像素）时，DIV结构对象展示1000px宽度，当分辨率大于1024px时辰显现1200px宽度等需求。用法CSS完成篡改阅读器显露宽度从而实现构造的网页宽度消息转变变更（网页宽度被动随涉猎器透露表现宽度而变宽变窄）。

随着进展，愈来愈多的电脑用户闪现屏区别率越来越高，但有的用户仍是用法1024px的判别率的出现屏（依照几个扫瞄器辨别率统计平台失掉数据那会用法1200判袂率下列用户少少，但咱们CSS结构时依然须要至多思忖1024px区别率用户），如果网页结构宽度静止到1200px，1024判别率用户扫瞄网页时阅读器下方会展现迁移改变条，为了计划这个问题，人人可以或许经由运用CSS3样式推断用户涉猎器宽度从而挪用全都机关宽度。

二、应用CSS单词与语法

@mediascreenand(武断属性){CSS名堂决议器}

这