關於px rem vw 之間的換算關係

2021-10-03 23:50:42 字數 642 閱讀 6736

搞移動端有段時間了,從最開始為了適應移動端,前輩就告訴我使用px值除以3.75換算成vw,一直稀里糊塗的謹遵教誨,卻不知道為什麼要這樣做,今天有時間查了資料,自己理解去一下

一:首先理解三個單位的區別

1,px,瀏覽器畫素,一種相對單位,是相對於顯示器螢幕解析度而言

2,rem是css3的相對單位,相對於html根元素的字型大小(font-size)來計算的長度單位,可以設定,預設16px

3,vw ,vh相對視視窗的寬度或者高度eg:500px/100vw,長度和寬度等於視窗寬度的1/100

一般手機端的長度是實際設計過程中的2倍,乙個手機750 * 1200解析度,設計中為375px * 600px

vw即是viewwidth vh既是viewheight的縮寫,100vw是乙個螢幕的寬度,100vh是乙個螢幕的高度

換算1/100*375=3.75 所以  1vw=3.75px;換算1/100*600=6 所以 1vh=6px;

將html  設定font-size為合適的vw值適配移動端的裝置

rem可以使得編寫的移動端網頁盡可能地適配裝置,而不會出現在不同手機顯示效果不同的現象

px瀏覽器畫素,設定html(font-size:37.5),設計圖375px*600px,1rem=37.5vw=100px

Bit Byte KB MB GB之間的換算

換算 1 byte 8 bits 即 1b 8b 1 kb 1024 bytes 1 mb 1024 kb 1 gb 1024 mb 基本概念 bit意為 位 或 位元 是計算機運算的基礎,屬於二進位制的範疇 byte意為 位元組 是計算機檔案大小的基本計算單位 這兩者應用的場合不同。通常用bit來...

Bit Byte KB MB GB之間的換算

1 byte 8 bits 1 kb 1024 bytes 1 mb 1024 kb 1 gb 1024 mb bit意為 位 或 位元 是計算機運算的基礎,屬於二進位制的範疇 byte意為 位元組 是計算機檔案大小的基本計算單位 這兩者應用的場合不同。通常用bit來作資料傳輸的單位,因為物理層,資...

CGI,FASTcgi,PHP fpm之間的關係

剛開始對這個問題我也挺糾結的,看了 http權威指南 後,感覺清晰了不少。首先,cgi是幹嘛的?cgi是為了保證web server傳遞過來的資料是標準格式的,方便cgi程式的編寫者。web server 比如說nginx 只是內容的分發者。比如,如果請求 index.html,那麼web serv...