问题：当前市场上手机屏幕宽度不尽相同，常见有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代码 ...