當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS媒体查询

發(fā)布時間：2023/12/2 CSS 47 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS媒体查询小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

格式（style：{}）元素設置：

body{background-color:#0033FF;}/*媒體查詢:當頁面寬度最大為960px時*/@media screen and (max-width: 960px){/*body背景顏色為*/body{background-color:#FF6699}}@media screen and (max-width: 768px){body{background-color:#00FF66;}}@media screen and (max-width: 550px){body{background-color:#6633FF;}}@media screen and (max-width: 320px){body{background-color:#FFFF00;}}

body元素設置：

<body><p>my first @media</p> </body>

更多專業(yè)前端知識，請上【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的CSS媒体查询的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。

css
媒体