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
- css媒体查询之width
- css媒体查询之device-width
- css媒体查询之height
- 此像素非彼像素(viewport与苹果的变化)css媒体查询-width与device-width的区别
- css基础学习之--媒体查询
- CSS媒体查询
- CSS媒体查询
- CSS媒体查询
- CSS媒体查询器
- CSS 媒体查询
- HTML/CSS: 媒体查询
- CSS知识点:媒体查询
- CSS媒体查询
- CSS Media媒体查询
- CSS Media媒体查询
- css媒体查询 @media
- css 媒体查询
- css的媒体查询
- ios:点击tableView中的一个按钮,确定cell所在的行
- android性能优化
- 设计模式:工厂方法模式
- 多线程下载
- 电子证书 DER vs. CRT vs. CER vs. PEM
- css媒体查询之width
- [python]Win7 X64安装python Scrapy【解决windows c++环境】
- Python遍历文件,正则选取汉字便于多语言支持
- 面试题37:把数组排成最小的数
- 2015年终总结,2016初步计划
- python/Django使用总结
- LedPedometer-3.注册界面和Android随机生成图片验证码
- 【OpenCV学习笔记】7.4仿射变换warpAffine()
- tar 解压