appcan如何快速、准确地布局玩转UI框架

APPCAN是利用html+js+css来制作手机app。手机端的ui和电脑pc端的ui的语法有所不同，而且不同的ui框架的样式名称也不一样。现在的开发都是快餐式的开发，怎么迅速上手呢？怎么给html布局出想要的相关呢？怎么快速、准确的给APPCAN布局呢？下面来看一下我的经验分享把！

根据文档快速了解UI框架

1、无论是pc端还是手机端的开发，html是在ui框架定义属性的基础上再添加自己的一些样式，使得页面更自然，框架是适合大家使用的，不是私人订制的。而是用框架的目的是为了让你样式可以自适应各个屏幕的尺寸，不至于在安卓的手机上显示没问题，到了苹果手机上就全乱了。

3、一个页面从模块的定位来说有：左上10%距左2%宽高多少颜色等等；我们一般是通过div来实现的，但是div也有css样式如下的一个支付宝登录页面的底部，我们需要作出如下的修改：1、四个功能要均匀分布在底部2、插入icon图标3、底部的高度稍微高一点4、字体变大一点那么怎么实现呢？附图前两个你大致了解一下有哪些样式？

6、⑤上个步骤的解释uf 是需要了解的意思，代表底部uifooter的缩写sc-bg辅助组件的背景颜色如果有的你不知道是什么意思，记起来太麻烦了，在页面的实时预览页面上，按f12，开启开发者工具模式，借助开发者工具一个放大镜的东西，点击页面上的区域，查看css样式到底是什么！操作视频如下这个是最快的方法，可以借助别人的布局借鉴，不用百度可以省很多的时间！！