流式布局（百分比布局） 流式布局，就是百分比布局，也称为非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式 ...

移动端的rem： 使用方法： 设置html的font-size，根据浏览器分辨率缩放 设置根元素font-size为100px这样好用的值，不要设为10px这样的； 然后获取浏览器的分辨率，也就是视口宽度，p（比例尺）= 视口宽度 ...

vw 　　css3新特性，100vm代表设备宽，1vm代表设备视窗宽度的1% 　　在实际应用中，一般以设备宽375为基准来设置（有的项目是750），算出100px所对应的vw值，一般取26.667vw.据此设置根元素的font-size，再根据rem去布局，完成不同设备的适配 ...

一、前言 小案例地址：https://github.com/xiexumei/web-demo 二、主要内容 ...

一、viewport视口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕尺寸：指屏幕的对角线的长度，单位是英寸，常见的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 ...

一 ，背景 在移动端页面开发我们经常会遇到一件尴尬的事 我们所开发出来的页面跟设计师所给的页面差别很大 再加上移动设备屏幕的大小不一出来的效果更是参差不齐 然后.... 当然 现实情况没有这么糟糕...但因为前端页面是是最直接的展示给用户的 如果跟差异太大 这个页面其实是失败的 而设 ...

按百分比布局,精度肯定不会有rem精确 meta就不多说了,同样在meta标签内 <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> 在body ...

百分比布局的出现主要是因为LinearLayout中可以通过android:layout_weight="1"这种方法来支持按比例指定控件大小 但是FrameLayout和RelativeLayout中并没有这种实现比例分配的功能，因此引入了PercentFrameLayout ...