施用IE10和CSS Device Adaptation

使用IE10和CSS Device Adaptation

浏览器在不同的设备上大小布局不同，而且就算在相同设备上用户也会改变浏览器的大小，我们希望布局可以更好的适配用户的浏览器显示区域大小，可以采用CSS Device Adaptation，在IE10上进行测试。


先最简单的HTML代码

当屏幕是1220大小的时候

由于浏览器的大小改变，布局有了变化，现在我们加入css3的新特征CSS Device Adaptation
css的代码如下

在1220宽度下

色块改变了大小，所以布局没有改变。
CSS Device Adaptation的特征在布局的时候是非常好用的，以上我们是不改变布局样式，还有一些情况，我们依据不同的屏幕大小可以将非重点的内容块舍弃掉。在新的布局中，建议多使用这种方案。