css3响应式之引入

1.设备

1. 通过给style标签设置media属性来选择要呈现的设备。
2. media=“screen” （就是在屏幕中显示的样式）。
3. media=“print” （就是在打印机中显示的样式, 可以通过ctrl+R来调出打印机界面）。
4. 以前还有什么电视之类的，后来被废除了，因为几乎没啥用。

2.link中也可以使用media，规则一样。（但不推荐使用，原因请看第三点）。
3.@import引入css文件
1. 如果要使用第二点中的方法就会导致页面中有很多的Link。
2. 所以更推荐在主css文件中使用@import的方式来引入响应式css文件。
3. 语法为：@import url(test.css) (因为会默认在当前文件夹中寻找所以直 接上文件名就行了)
4. 也可以在后面添加要应用在哪种设备上。
5. 语法为: @import url(test.css) screen。