css媒体查询之width

最新推荐文章于 2023-08-23 17:31:05 发布

zhanghongbin01

最新推荐文章于 2023-08-23 17:31:05 发布

阅读量814

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/github_20066005/article/details/50437697

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

语法

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>