前沿:微信小程序中我遇到了一个对我来说是新的东西,但是对于前端开发来说不算是新知识,html页面中的media标签,在此记录下来以备不时之需
首先看下media标签的的介绍:http://www.w3school.com.cn/tags/att_link_media.asp
在css中我们使用media标签来区分调用哪个css样式,比如使用media=”print”来表示当执行打印文档时,使用print.css样式。这样使得文档更有得于打印,如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。
<link href="styles/main.css" rel="stylesheet" type="text/css" media="screen" />
<link href="styles/print.css" rel="stylesheet" type="text/css" media="print" />
<link href="main.css" rel="stylesheet" type="text/css" media="all'/>
下边是media标签的10个值,可见常用的并不多。当没有media标签时,默认为media=”all”。
all– 用于所有设备类型