400-650-7353

精品課程

響應(yīng)式布局有幾種辦法 響應(yīng)式布局實(shí)現(xiàn)方法都有哪幾種

發(fā)布： Web前端培訓(xùn) 發(fā)布時(shí)間：2021-04-09 10:05:58

推薦答案

品牌型號(hào)：聯(lián)想 YOGA 14c

系統(tǒng)版本：windows7

一：媒體查詢

使用@media媒體查詢可以針對(duì)不同的媒體類型定義不同的樣式，特別是響應(yīng)式頁(yè)面，可以針對(duì)不同屏幕的大小，編寫(xiě)多套樣式，從而達(dá)到自適應(yīng)的效果。

二：百分比%

比如當(dāng)瀏覽器的寬度或者高度發(fā)生變化時(shí)，通過(guò)百分比單位，通過(guò)百分比單位可以使得瀏覽器中的組件的寬和高隨著瀏覽器的變化而變化，從而實(shí)現(xiàn)響應(yīng)式的效果。

三：vw/vh

css3中引入了一個(gè)新的單位vw/vh，與視圖窗口有關(guān)，vw表示相對(duì)于視圖窗口的寬度，vh表示相對(duì)于視圖窗口高度。 任意層級(jí)元素，在使用vw單位的情況下，1vw都等于視圖寬度的百分之一。

四：rem

rem單位是相對(duì)于字體大小的html元素，也稱為根元素。 默認(rèn)情況下，html元素的font-size為16px。所以此時(shí)1rem = 16px。

五：flex彈性布局

彈性布局只需要依賴于CSS樣式的實(shí)現(xiàn)響應(yīng)式布局的方式，也是最多用到的一種實(shí)現(xiàn)響應(yīng)式的方法。
 

響應(yīng)式布局有幾種辦法
其它答案
牛仔很忙2020-06-22 18:56:36

響應(yīng)式布局有的方法有：1、媒體查詢；2、百分比【%】；3、vw或vh，vw表示相對(duì)于視圖窗口的寬度，vh表示相對(duì)于視圖窗口高度；4、rem單位是相對(duì)于字體大小的html元素；5、flex彈性布局。


中公旗下IT培訓(xùn)品牌

  • 中公教育品牌

    　中公教育是一家中國(guó)領(lǐng)先的全品類職業(yè)教育機(jī)構(gòu)，提供超過(guò)100個(gè)品類的綜合職業(yè)就業(yè)培訓(xùn)服務(wù)。公司在全國(guó)超過(guò)1000個(gè)直營(yíng)網(wǎng)點(diǎn)展開(kāi)經(jīng)營(yíng)，深度覆蓋300多個(gè)地級(jí)市，并正在快速向數(shù)千個(gè)縣城和高校擴(kuò)張。

  • 完善就業(yè)體系

    通過(guò)階段性授課機(jī)制，和每階段的定期考核，先讓學(xué)員能夠?qū)W會(huì)所學(xué)內(nèi)容，才能找打合適工作。最后一個(gè)階段為就業(yè)課程，從技術(shù)和面試兩個(gè)方面加深就業(yè)能力，并且還有不定期的雙選會(huì)供大家選擇。

  • 全程面授+實(shí)戰(zhàn)技術(shù)

    線下課程全程是師資面對(duì)面教學(xué)，不會(huì)存在上課只對(duì)著大屏幕上課的情況，有問(wèn)題都可以在課上得到解答。并且優(yōu)就業(yè)通過(guò)自主研發(fā)大綱和學(xué)習(xí)路線，并且定期更新課程所學(xué)技術(shù)，讓大家所學(xué)技術(shù)不落伍。

中公優(yōu)就業(yè)專業(yè)職業(yè)規(guī)劃老師

為您詳細(xì)答疑解惑，更能領(lǐng)取免費(fèi)課程

相關(guān)問(wèn)題

更多課程

專業(yè)課程老師將第一時(shí)間為您解答

立即答疑
修改
優(yōu)就業(yè)：ujiuye

關(guān)注中公優(yōu)就業(yè)官方微信

  • 關(guān)注微信回復(fù)關(guān)鍵詞“大禮包”，領(lǐng)80G學(xué)習(xí)資料