em,rem,和百分比,vw,vh的比較

2021-08-21 14:06:50 字數 431 閱讀 5115

乙個普通標題

emrem

百分比vw,vh

字型繼承

子元素字型 1em = 父元素 font-size值

根目錄下的font-size(元素下的)

字型自己設定就行

將可視區域平分100分,為1vw,1vh

padding,margin,width,height

1em = 該元素的font-size

根目錄下的font-size(元素下的)

width,height為父content區域的百分比,pd和mg上下都為父元素內容的寬度(不包括padding!)同上

- 通常設定邊框或者定位用px,

- 響應式還是用vw,rem更好一些

- vw的相容性不太好,但是方便

- rem可以直接**查詢改下的font-size就好

css百分比定位和百分比尺寸

只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素,無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素,如果沒有則相對於視窗。可以...

百分比布局

參考位址 螢幕的適配是我們android開發最經常做的事情之一,我們一直指望著能夠一套布局適配所有。於是在android5.0之後,提供了android support percent lib,這樣我們可以盡情的使用。使用的時候,我們嗯需要設定的有 layout marginpercent layo...

百分比布局

其中相對布局和幀布局官方是有支援庫的 compile com.android.support percent 25.3.0 但線性布局並沒有 public class percentlinearlayout extends linearlayout override protected void o...