国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > Bootstrap -- css的media属性

Bootstrap -- css的media属性

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

下面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;}} <!-- 装备最大宽度为767px,当装备宽度大于767px就是#000,否则就是#f00 --> </style> </head> <body> </body> </html>

下面我们略微扩大下media:

CSS Media属性                                                                

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


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