rem實現思路
rem單位是基於html標籤的font-size來進行計算的，預設情況下1rem=16px,有些瀏覽器預設字型是12px，1rem=12px;在移動端通過設定不同的font-size來實現頁面整體布局的縮放自適應。原理性的東西不做過多的贅述，網上各位大手都介紹的很詳細了，下面就說說在實際中怎麼確定font-size來進行h5頁面的開發。
確定乙個螢幕劃分的份數n，如何設定screenwidth=10n;n=screen/10
比如現在的設計圖寬度是750px，那麼1rem=75px；現在設計圖裡面的乙個div寬度為200px那麼此div對應的寬度為：200/75=2.67rem,但是這樣會導致我們在進行開發的時候每次都要計算rem的值，如果使用scss不存在這樣的問題對應的計算**為：
browser-default-font-size: 75px !default;//變數的值可以根據自己需求定義
html {
font-size: $browser-default-font-size;
@function pxtorem($px){//$px為需要轉換的字型大小
@return $px / $browser-default-font-size * 1rem;
然後div樣式就是:
div{
width:$pxtorem(200)
固定100px等於1rem，然後div為200的就是2rem，175px的就為1.75rem
看一下rem計算原理
在750px的設計圖下面1rem=100px,即font-size=100px
w fontsize
750px 100px
w ??=(w*100/750)px
這樣就保證了無論設計圖的寬是多少我100px就是1rem,這樣的就得要求設計圖的寬度必須是750px否則會導致問題當在ipnone6下面font-size為
375*100/750=50px;
解決上面乙個問題，如果設計圖比較奇葩偏偏不是750px我們就不能用了嗎？(打死設計)
當然不是！上面格式?=(w*100/750)px其中我們把750作為乙個變數自己指定不就可以了嗎？
*designw為設計圖的寬度
function getrem(designw){
var fts=window.innerwidth*100/designw;
document.documentelement.style.fontsize=fts
當然前面所有計算的大前提是要設定viewport:
經過上面的一頓操作就可以愉快的進行coding了。另外推薦使用vw,vh進行手機頁面的開發，用起來很爽。
h5頁面開發
相信大家在做h5頁面開發的時候，也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來，有需要的朋友可以參考一下。1.安卓瀏覽器看背景，有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多，原因和devicepixelratio有關。手機解析度比pc端的解析度小，按照...
H5及H5頁面是什麼意思？如何製作H5頁面？
h5是html5的簡稱。html5是html最新的修訂版本，是一種超文字標記語言。h5有兩大特點 首先，強化了 web 網頁的表現效能。其次，追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項，通過點選新增到製作介面，控制項的選擇使用按照你...
H5頁面中喚起native app
2 js如何知道手機已經安裝了對應的應用 比如 這種方式ios和android都可以共用 結合這個思路，我們基本可以得到我們的實現方案 var iframe document.createelement iframe var body document.body iframe.style.displ...