web响应式布局，自适应所有分辨率

写phpd的我。最近公司要弄个app关键是没有web开发，而我有比较闲，那就扛枪上阵吧。

响应式布局，web端的？php我一直都是用tp框架，对于web首先想到的是bootstrap框架。只是简单了解过，没真正实践啊，bootstrap比我想象的要好用的多。关键是，关键来了……

app端是只有手机的，pc基本上木有。那就是说只能按照手机端开发，那么boostrap响应式布局就不适用于app了（反正我是做了一套半成品，被推翻了）。不能愉快的工作了，好不淡定的时间。。百度，百又问问同事，发现了amaze ui也就是妹子框架，终于可以省事了，太高兴了。

amaze框架下载后是一套让人极其郁闷的示例包，文件引入是分开来介绍的，如果你不仔细看文档，会很痛苦的（因为我就是如此，好折磨人）。

好了附上amaze的引入文件，仅供大伙参考。

答案好多，慢慢筛选吧……

于是找到这段代码

好了这下子无论什么浏览器都是以最宽320，最小12px为基准。接着还有个问题，所有布局改用什么单位？px/em/pt/rem

px是最精确的单位,固定值。em值不固定，继承父元素。rem在设定元素时仍是相对大小，但相对的是html根元素。pt就是印刷业上的单位，不过app开发中也用到。

那么好了，该用哪种的呢，我们先来看看上面的自适应js执行效果。

在html元素中生成了一个行内字体样式，答案就有了吧。