media语法:

  <link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />

  上面的media语句表示的是:当屏幕宽度小于或等于600px,调用small.css样式表来渲染Web页面。

  含义:

    screen:指的是一种媒体类型;还可以选择all、print、TV等。

    and:关键词,与其相似的还有not,only。

    max-width: 600px:媒体特征,指当媒体小于600px时调用该样式

引入方法:

  1、link引入:

    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />

  2、@import引入

    @import url("css/reset.css") screen;

  3、@media引入:

    @media screen{ 选择器{ 属性:属性值; } }

相关文章:

  • 2022-12-23
  • 2022-02-07
  • 2022-03-04
  • 2021-09-27
  • 2021-11-07
猜你喜欢
  • 2022-12-23
  • 2021-09-11
  • 2019-09-01
  • 2021-06-02
  • 2021-08-15
相关资源
相似解决方案