...

px px像素（pixel）：相對長度單位。相對於顯示器屏幕分辨率而言。pc端使用px倒也無所謂，可是在移動端，因為手機分辨率種類頗多，不可能一個個去適配，這時px就顯得非常無力，所以就要考慮em和rem。 em 相對於父節點的font-size，會有一些組合 ...

px px像素（pixel）：相對長度單位。相對於顯示器屏幕分辨率而言。pc端使用px倒也無所謂，可是在移動端，因為手機分辨率種類頗多，不可能一個個去適配，這時px就顯得非常無力，所以就要考慮em和rem。 em 相對於父節點的font-size，會有一些組合 ...

前言：前端頁面的布局（各元素的間距），一般會有PSD文件，有精確的px單位，而px與rem要如何轉換才能高度還原設計圖呢 一般情況下，設計稿的寬高為： 750*1334px，而大部分流行手機的屏幕尺寸為： 375*667px，正好是一倍的關系。 手機瀏覽器的根 ...

//designWidth:設計稿的實際寬度值，需要根據實際設置//maxWidth:制作稿的最大寬度值，需要根據實際設置//這段js的最后面有兩個參數記得要設置，一個為設計稿實際寬度，一個為制作稿最 ...

rem單位是根據html元素的單位在頁面根據不同的手機屏幕分辨率動態整體的按比例縮小或放大字體。 假如html{font-size: 14px;},那么1rem=14px; 一個div寬度48px,那么換成rem:48px/14px=3.4rem; 寬度200px,換成rem:200px ...

最近有這么一個需求，需要在手機加載一個頁面的時候，自動播放音樂資源。一般情況下，這個問題也就解決了，但是要保證各種手機上表現一致，那就相當困難了，至少要費點兒周折。 下面有三種常規的方式，可以創建自動播放的audio對象： 第一種 ...

//h5有個小bug 1像素邊框過粗，其實有個解決方案，就是利用偽元素：after，結合css3中的scale在y軸方向縮放0.5就行了 //父元素 //完美解決h5下 1px 邊框過粗的問題，是不是很簡單呀。 //當然，有時候也會遇到按鈕邊框使用border-radius ...