css媒体查询之width

来源:互联网 发布:族谱软件哪个好 编辑:程序博客网 时间:2024/05/17 21:55

语法

width:<length>接受min/max前缀:是

取值

length:用长度值来定义宽度。不允许负值

用法说明

定义输出设备中的页面可见区域宽度。

  • 与盒模型width不同,媒体特性width的取值只能是。
  • 本特性接受min和max前缀,因此可以派生出min-width和max-width两个媒体特性。

示例

<!doctype html><html>    <head>        <title>Media Query Test</title>        <style>            @media all and (min-width:500px) and (max-width:550px){                body{                    background-color:red;                }            }         </style>    </head>    <body>        <div class="query"><h1>This is a test page</h1></div>    </body></html>
  • 当屏幕宽度在500至550之间时候,该css样式定义起作用,页面背景颜色变为红色
0 0
原创粉丝点击