rem方案原理 rem的具體用法

2022-10-11 16:42:11 字數 422 閱讀 3603

一 rem方案原理

將每個不同螢幕劃分相同的等分,讓同乙個元素占有相同的比例

例如:螢幕為500px,分為10份,那麼乙份是1rem=50px;

螢幕為1000px,分為10份,那麼乙份是1rem=100px

二 用法

在瀏覽器中預設的字型高度是16px,預設是1em=16px;16*62.5%=10px;

// em  1em是相對自身而言的,會繼承父元素的字型大小

在任何瀏覽器中字型預設是16px

1em=16px,那麼1px=0.0625

body //px/10就是em

//rem: 相對於根元素而言

rem是css3新增的乙個相對單位

body,html

scp的具體用法

不同的linux之間copy檔案常用有3種方法 第一種就是ftp,也就是其中一台linux安裝ftp server,這樣可以在另外一台機器使用ftp的client程式來進行檔案的copy。第二種方法就是採用samba服務,類似windows檔案copy 的方式來操作,比較簡潔方便。第三種就是利用sc...

margin的具體用法

margin px 意思就是上下左右元素塊距離就是?px 畫素 等於margin top px margin bottom px margin left px margin right px 其實都是設定不同的?畫素屬性。例如 margin 5px 10px 意思上下元素塊距離為5px,左右的元素塊...

關於rem的相容方案

我們的設計圖是1920 1080 px 關於rem的官方解釋,大家可以自行搜尋。我的理解是,html標籤設定乙個基數。比如設計圖中間的操作區域是1690px,那麼我設定font size 16.9px 那100rem 1690px。在設計之前最好和設計師溝通好,讓設計的寬度 間距 高度等,按照乙個基...