首页 > 代码库 > 响应式布局

响应式布局

响应是布局就是自适应各种设备,每种个页面布局的宽度都是以百分比的形式存在,CSS3中有Media Query属性,这个属性可在link中或者@import中来设定最大显示宽度,最小显示宽度,以及最大设备和最小设备屏幕大小,随着窗口的放大缩小,人们所看到的页面很全面,IE不支持CSS3,得必须用JS来控制响应式。

响应式布局的有点:

1.面对不同分辨率灵活性强

2.能够快捷解决设别显示问题

响应式布局的缺点:

1.兼容设备工作量大,效率点。

2.代码累赘,会出现隐藏无用的元素,加载时间长

 

让页面缩小窗口不变形,则设定它父级的最小宽度。

响应式布局