@media 规则

标签：family weight media 规则 test font size

 

@media 规则允许在相同样式表为不同媒体设置不同的样式。

在下面的例子告诉我们浏览器屏幕上显示一个 14 像素的 Verdana 字体样式。但是如果页面打印，将是 10 个像素的 Times 字体。请注意，font-weight 在屏幕上和纸上设置为粗体：

实例

@media screen { p.test {font-family:verdana,sans-serif;font-size:14px;} } @media print { p.test {font-family:times,serif;font-size:10px;} } @media screen,print { p.test {font-weight:bold;} }https://www.lekaowang.com/zyys/nkj/tym/

标签：family,weight,media,规则,test,font,size
From： https://www.cnblogs.com/5-si6/p/17305912.html