麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 關于響應式布局的詳解

關于響應式布局的詳解

來源:千鋒教育
發布人:wjy
時間: 2022-06-02 10:34:00 1654137240

**1.定義**

在不同的屏幕大小下顯示的樣式不同,往往我們會針對不同的屏幕大小設計兩套及以上的樣式

**2.應用**

移動端布局、后臺管理系統

**3.優缺點**

優點:可以適應兼容多個設備

缺點:css代碼量過多,影響瀏覽器的讀取效率;開發過程中需要考慮的細節點比較多,加大了對于成本的投入

關于響應式布局的詳解

**4.語法**

![img](https://pic3.zhimg.com/80/v2-3c7388390ced056748199d925b7890d2_720w.jpg)

**5.設備名稱**

用來表示所需要檢測的設備

![img](https://pic2.zhimg.com/80/v2-7c7785e44e6ac1ca69f9c769d8287e31_720w.jpg)

**6.邏輯操作符**

邏輯操作符包含 not、and 和 only 三個,and:表示兩個條件同時成立;not:用于否定媒體查詢,當查詢規則不為真時則返回 true,否則返回 false。如果使用 not 操作符,則還必須指定媒體類型;only:僅在整個查詢匹配時才會生效,當不使用 only 時,舊版的瀏覽器會將 screen and (max-width: 500px) 簡單地解釋為 screen,忽略查詢的其余部分,并將樣式應用于所有屏幕。如果使用 only 運算符,則還必須指定媒體類型。

邏輯運算符包含not、and和only三個,其中and表示兩個條件同時成立,not表示

**7.媒體特性**

除了具體的類型外,還可以通過一些屬性來描述設備的具體特征,例如寬度、高度、分辨率等,如下表所示:

![img](https://pic1.zhimg.com/80/v2-c8f81065a622263cf7846cdd4132220c_720w.jpg)

**8.注意事項**

a.在使用的過程中注意之間的空格,特別是邏輯運算符與設備特征小括號之間的空格,這個是容易忽略 的點

b.媒體查詢的書寫的內容一定放在需要覆蓋的樣式后面,否則無法被覆蓋,或者說提高指定選擇器的權重

**- End -**

更多關于“web前端培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒已有十余年的培訓經驗,課程大綱更科學更專業,有針對零基礎的就業班,有針對想提升技術的提升班,高品質課程助理你實現夢想。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 天天操夜夜操天天操| 55夜色66夜色国产精品视频| 天天想你电视剧| 波多野结衣一区二区| 美女扒开胸罩让男生吃乳| 亚洲综合三区| 视频二区三区国产情侣在线| 第一毛片| 在线视频一二三区2021不卡| 亚洲国产另类久久久精品小说| a级毛片免费高清视频| 538精品视频| 国产精品特黄一级国产大片| 午夜爽爽| 天天躁日日躁狠狠躁| 精品视频一区二区三区| 欧洲美女与动zooz| 蜜柚最新在线观看| 性欧美hd调教| 亚洲激情影院| 波多野结衣和黑人| 亚洲宅男天堂| 美女和男生一起差差差| 日本公与熄乱理在线播放370| 日韩福利在线| 欧美黄色免费看| 日韩欧美一区二区三区免费观看 | 伦之荡艳岳| 最近中文字幕免费mv视频7| 亚洲另类视频在线观看| 亚洲国产免费| 性放荡日记高h| 久久精品青草社区| 国产热热| 午夜影院欧美| 女人张开腿给男人桶爽免费| 国产精品午夜电影| 亚洲午夜精品一区二区| 亚洲欧洲综合在线| 国产精品毛片va一区二区三区| 哇嘎在线观看电影|