移动端布局以及响应式布局简单了解下

好久不更新了，因为到大三确实特别忙了。。每天都在图书馆里。今天来说说几种布局方式吧🤗🤗移动端的布局。因为上篇太长了好像发布不了完整的，把接下来的发在这儿了

3. rem+less+媒体查询

介绍：less
{
less变量，
less编译(安装vocode.less插件，安装次插件，可以自动将less文件生成css文件)，
less嵌套
less运算
}
建一个css文件，用媒体查询分别写好不同屏幕下的根元素HTML的font-size大小，
然后可以用import引入这个文件到我们的主要的less文件中,

动态设置html-fintsize大小：
①设计稿的大小，假如是750px
②整个屏幕分为10等分(等份自己随意)
③则html-fintsize的大小为750/10=75px
④页面元素大小：页面元素大小/html-fontsize
4. rem+flexible.js适配
①下载flexible.js地址：https://github.com/amfe/lib-flexible
②安装rem转换器插件cssrem
③再html文件里引用flexible.js里面的index.js文件