在實現自適應布局時往往會用到vh/vw和100%，那麼vh/vw和100%的區別是什麼呢？要了解他們之間的區別，首先要了解vh、vw。
視口（viewport）在桌面端，指的是瀏覽器的可視區域；在移動端，指的是viewport中的layout viewport。瀏覽器內部的可視區域大小，即window.innerwidth/window.innerheight大小，不包含工作列標題欄以及底部工具欄的瀏覽器區域大小。
在css3規範中，1 vw 等於視口寬度的1%，1 vh 等於視口高度的1%。vh 和 vw 是相對於視口的高度和寬度。1vh 等於1/100的視口高度，1vw 等於1/100的視口寬度。
比如：瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px ;
100 vh = 950 px, 100 vw = 1920px (100 vh 和 100 vw 即視口的高度和寬度)
100%是相對於包含它的最近的父元素的高度和寬度。
vw (viewport width) vh (viewport height) 是相對於視口的寬度和高度，用vw，vh設定的大小只和視窗大小有關，和他們的父元素高度寬度沒關係，可以用來開發自適應多種螢幕裝置。
em，rem，和百分比，vw，vh的比較
乙個普通標題 emrem 百分比vw,vh 字型繼承 子元素字型 1em 父元素 font size值 根目錄下的font size 元素下的 字型自己設定就行 將可視區域平分100分，為1vw，1vh padding，margin，width，height 1em 該元素的font size 根目...
width為auto或者100 的區別
一 四個理論 1.某div不顯示設定寬度，那麼width為auto.2.某div的width在預設情況設定的是盒子模型中content的值 3.某div的width為100 表示的是此div盒子內容部分的寬度為其父元素的寬度。4.某個div的width不設定，或者設定為auto,那麼表示的這個div...
mysql的 和 的區別 和 的區別
他們之間的區別用最直接的話來說就是 相當於對資料 加上 雙引號，相當於直接顯示資料。1 對傳入的引數視為字串，也就是它會預編譯select from user where name 比如我傳乙個csdn，那麼傳過來就是select from user where name csdn 2 將不會將傳入...