鍍金池/ 問答/HTML/ 關(guān)于vw適配移動端的一些疑問

關(guān)于vw適配移動端的一些疑問

總在些博文里面看到這句話

從這里看到的博文1
博文2

搭配vw和rem,布局更優(yōu)化
這樣的頁面雖然看起來適配得很好,但是你會發(fā)現(xiàn)由于它是利用視口單位實現(xiàn)的布局,依賴于視口大小而自動縮放,無論視口過大還是過小,它也隨著視口過大或者過小,失去了最大最小寬度的限制。


這句話如何理解???vw不是已經(jīng)全屏的寬度了嗎??我們適配用rem也是想要的全屏寬度啊,過大過小是什么鬼???哪位大神能解釋下這句話如何解讀

回答
編輯回答
妖妖

應(yīng)該這么講:如果你寫了一個css,完全只依賴于vh, vw,而完全不設(shè)置max-height, max-width的話,那么你的這些頁面元素的寬度和高度會隨著窗口的大小而變化,在屏幕非常大的時候,元素可能會變得非常大,屏幕非常小的時候,元素會變得非常小。

但是誰會那么傻,只設(shè)置vw而不設(shè)置max-width呢?所以其實這個假設(shè)的意義并不大。我們當(dāng)然會設(shè)置width: 100vw; max-width: 960px,當(dāng)屏幕寬度小于960px的時候,就占滿整個屏幕,屏幕寬度大于960px的時候,就最多960px,或者再結(jié)合上min-width等等,如果想搞得再復(fù)雜一些,還有@media query可以使用。具體怎么用,完全看個人對css掌握的精通程度了。

2017年5月24日 03:56