如何優雅的使用rem

2021-08-03 17:56:47 字數 551 閱讀 7647

移動端css做布局的時候,如何選擇px、em、%、rem這幾個單位呢?

很多初做移動端的童鞋們,不知道如何用px、em、%還是用rem做移動端的布局,那就舉例說一下:如果使用%作為單位的話,在iphone4上多少會有些布局錯位,那用rem就解決了這個難題。

document.documentelement.style.fontsize=document.documentelement.clientwidth / 3.75 + 'px';
需要注意的是:我這段**參考的設計圖的寬度是 750px所以才有了3.75的由來,3.75 = 750(設計圖的寬度)/100/2,主要為了方便換算,如果使用這段**請根據你自己的設計圖寬度換算,現在移動端的設計圖一般以iphone6為設計圖參***。

在js的標籤裡直接使用這段**就可以重置不同移動端的字型大小。使用後直接應用rem作為布局的單位就可以,換算單位為 1rem = 100px ,如果你是想要設定 padding-top為20px的話,可以直接使用 :#***就可以了,這就相當於是20px了。

如何使用rem單位

最近搞移動端,真是被rem em與px的換算要了老命了,看了不少文件,似乎弄明白了,這不今天用又矇圈了。好多文件上老是說用rem就給html設定font size,用em就給body設定font size 看了下bootstrap樣式表,html body 其他樣式略哈,就講這兩個主要的。可惜大姐長...

如何優雅的使用「看板」?

你需要通過看板達到什麼目的 看板三原則 1.使工作視覺化,給每人乙個專案目前的big picture。2.減少並行工作。乙個user story的生命週期被切分成較小的塊,每個人應該keep在其中一塊。3.優化工作流程。在實踐中不斷迭代看板的流程,增減某些階段,或調整從乙個階段跳轉到下乙個階段的邊界...

如何使用div優雅的布局

就是跨行和跨列嘛 如果 做就easy 但是,div是塊級標籤,每個div會獨佔一行 下面的兩個div會到一行 style float left div1div style float left div2div div 但是這個有侷限性的 要調寬高度 雖然使用flot left 向某個方向飄簡單許多,...