您的位置：首页 > Web前端 > CSS

css媒体查询之width

2015-12-30 22:21 656 查看

语法

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样式定义起作用，页面背景颜色变为红色
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航