搞移動端有段時間了,從最開始為了適應移動端,前輩就告訴我使用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...