A mobile terminal adapted that,
There are a good variety of programs.
viewport + rem:
viewport + vw
js dynamic setting: refer to the article http://caibaojian.com/flexible-js.html
In general, use the following this viewport:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
width = device-width: setting a size equal to the layout viewport individual pixels apparatus;
initial-scale = 1.0: Set size layout viewport and viewport equal visual equipment individual pixels;
user-scalable = no: does not allow the user to zoom;
minimum-scale and maximum-scale
They were only minimal scaling is 1.0, the maximum scaled to 1.0, the user is not allowed to perform a zooming operation.
But there are several principles to consider: px use font size used to limit the root element of sass in unit conversion function to do
References:
On the end of the three mobile viewport https://www.cnblogs.com/ssh-007/p/7196748.html
Mobile terminal adapter problem https://www.kancloud.cn/xiaomingjun/interview/909768
flexible.js layout Detailed http://caibaojian.com/flexible-js.html
amfe-flexible https://github.com/amfe/lib-flexible?utm_source=caibaojian.com