移动端不同分辨率适配--使用flexible

根据阿里手淘团队发布的可伸缩布局方案amfe-flexible,git地址:https://github.com/amfe/lib-flexible 使用方法: lib-flexible库的使用方法非常的简单,只需要在Web页面的`head`中添加对应的flexible_css.js,flexible.js文件 第一种方法是将文件下载到你的项目中,然后通过相对路径添加: 或者直接加载阿里CDN的文件 容器或组件宽高主要使用单位 rem ,字体大小则不变仍然使用单位 px。 示例地址:https://github.com/amfe/article/issues/17 还有一个约束是,如果针对iphone5 640*1136,因此我们限制最外层包裹的div最大宽度为 640px,表示10rem; 把视觉稿中的px转换成rem的换算方法:要转换的像素值 / 640px * 10
联系我们

邮箱 626512443@qq.com
电话 18611320371(微信)
QQ群 235681453

Copyright © 2015-2022

备案号:京ICP备15003423号-3