引入资源即针对于不同的屏幕尺寸,调用不同的css文件
当样式比较繁多的时候,我们可以针对不同的媒体使用不同 stylesheets(样式表)。
原理,就是直接在link中判断设备的尺寸,然后引用不同的css文件。
语法:
<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">
案例:
有两个div,当我们的屏幕大于等于640px以上的,我们让div一行显示2个,当我们屏幕小于640 我们让div一行显示1个。
分别创建两个css样式
利用link引入css不同文件
页面展示效果: