首页 > 代码库 > Bootstrap -- css的media属性
Bootstrap -- css的media属性
下面一段代码是实现：设备最大宽度为767px，当设备宽度大于767px背景色就是#000，否则就是#f00，代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Media Queries</title>
<style>
body{background:#000;}
@media (max-width:767px){body{background:#f00;}} <!-- 设备最大宽度为767px，当设备宽度大于767px就是#000，否则就是#f00 -->
</style>
</head>
<body>
</body>
</html>
下面我们稍微扩展下media：
CSS Media属性
screen：指计算机屏幕。
print：指用于打印机的不透明介质。
projection：指用于显示的项目。
braille：盲文系统，指有触觉效果的印刷品。
aural：指语音电子合成器。
tv：指电视类型的媒体。
handheld：指手持式显示设备(小屏幕，单色)
all：适合于所有媒体。
Bootstrap -- css的media属性
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。