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