您當前位置：首頁 > web前端 > htmlcss > Bootstrap -- css的media屬性

Bootstrap -- css的media屬性

來源：程序員人生發布時間：2015-02-03 09:11:09 閱讀次數：4662次

下面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關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

Bootstrap -- css的media屬性