您当前位置：首页 > web前端 > htmlcss > Bootstrap -- css的media属性

Bootstrap -- css的media属性

来源：程序员人生发布时间：2015-02-03 09:11:09 阅读次数：4304次

下面1段代码是实现：装备最大宽度为767px，当装备宽度大于767px背风景就是#000，否则就是#f00，代码以下：

<!doctype html> <html> <head> <meta charset="utf⑻"> <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;}}  </style> </head> <body> </body> </html>

下面我们略微扩大下media：

CSS Media属性

　　screen：指计算机屏幕。
　　print：指用于打印机的不透明介质。
　　projection：指用于显示的项目。
　　braille：盲文系统，指有触觉效果的印刷品。
　　aural：指语音电子合成器。
　　tv：指电视类型的媒体。
　　 handheld：指手持式显示装备(小屏幕，单色)
　　all：合适于所有媒体。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 html和htm的区别

下一篇 LeetCode-Maximum Product Subarray

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点