1.当screen 的宽度小于 1024 px 的时候,所有的img标签的宽度和高度定位为:128px
<style type="text/css">
@media screen and (max-width: 1024px) { img { width: 128px; height: 128px; } }
</style>
动态的改变窗口的大小会出发这个事件,会显示你你在各种情况下所设置的效果。即当窗口的大小小于1024px时,这时imb标签的宽度和高度为128px;当大于1024px时,会显示出其他的效果。
2、媒体查询技术@media screen and(){}的向后兼容css3-mediaqueries.js 能够使不支持媒体查询技术的浏览器支持这种技术。<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->IE9中也要加上这句话才可以显示出效果。