css媒体类型有哪些

html-css080

css媒体类型有哪些,第1张

一些CSS属性只设计了某些媒体。例如"voice-family"属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如，"font-size"属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans - serif字体比较适合在屏幕上阅读，而serif字体更容易在纸上阅读。

<!-- link元素中的CSS媒体查询 -->

<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- 样式表中的CSS媒体查询 -->

<style>

//最大宽度为600px

@media (max-width: 600px) {

.facet_sidebar {

display: none

}

}

//宽度在500-800之间

@media screen and (min-width: 500px) and (max-width: 800px) {

.facet_sidebar {

display: block

}

}

</style>