前端媒体查询是响应式网站开发的基础
下面是媒体查询的几个方式:
1.@media only screen and( min-width:400px)
2.写在link中
<link ref="..." media="only sreen and (min-width:40em)">
3.写在style中
<style media="only screen and (min-width:49em)">
</style>
4导入(比2 link更好一点)
@import url ("/a.css") only screen and (min-width:49em)
媒体查询包括的几个属性
屏幕宽度:mix-device-width
方向: orientation 横排:landscape 竖排:portrait
宽高比: aspect-ratio : 16/9 4/3 3/2 16/10
颜色: color