問題：當前市場上手機屏幕寬度不盡相同，常見有320px（ipone5）、375px（ipone678）等等，而為了在不同寬度的手機屏幕上良好現顯示網頁，我們需要解決方案。 原理：當前前端解決手機屏幕自適應的手段極多，究其原理，主要分為兩大版塊： 　　一、使用百分比長度單位，當前百分比長度單位 ...

...

　　最近一個項目做的是微信端，因為之前沒接觸過一直以為移動端的自適應都是用某個插件，然后里面是分開各種比例的最大多少最少多少，然后里面封裝了各種的<p>值多大等等。 　　不過結果卻出乎所料的簡單。下面將以一個寬為640px的手機分辨率為例，分步解釋從一個普通web到移動端的轉變（此處 ...

首先新建一個rem.js文件，放到公共js文件夾，如下： 然后在main.js中引入rem.js 模塊 如果要在Echarts中使用rem那么需要額外做一些工作 ...

...

一、第一種方式是比較簡單的，開發速度也比較快。主要利用-webkit-transform:scale()這個屬性，比較設計稿和當前屏幕的寬度，或者高度，亦或者取兩者的最小值，來進行自適應。 1. 如果寬度自適應，如果兼容iphoneX的話，此時的設計稿的背景圖需要延長至1448，內容放在1206 ...

　　在處理移動端自適應布局時，目前前端最流行的方法應該就是使用媒體查詢，來設置HTML的字體大小，然后用rem為單位對Dom的寬高進行設置，這個方法的優勢在於兼容性方面很好，劣勢則在於當前市場上不同的機型太多，尺寸種類比較雜，所以要想做到所以尺寸機型都能適應，工作量相對比較大。目前也有人會選 ...

序言：應朋友要求隨手寫了一下移動端 css實現自適應正圓 ( 寬高隨着手機屏幕寬度自適應 ) ，以備后用 LESS代碼： View Code CSS代碼： HTML代碼: 完整demo代碼 ...