移动端适配
2015-07-31 21:34
357 查看
总结下自己用过的几种移动端适配方法
百分比适配
宽度高度按照所占百分比计算 写css
缺点:复杂些的布局就满足不了 不能百分百还原设计图
Rem布局 js动态计算html font-size值
宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px
用js根据视图宽度计算 html的font-size值
3. vw布局
与rem布局类似 不过单位换成vw 1vw=1% 视图宽度
浏览器会自动根据视图大小变换 不用js
本文出自 “SS2TT” 博客，谢绝转载！
百分比适配
宽度高度按照所占百分比计算 写css
缺点:复杂些的布局就满足不了 不能百分百还原设计图
Rem布局 js动态计算html font-size值
宽度高度按照320px的设计图切图 rem与之对应的关系是 1rem=20px
用js根据视图宽度计算 html的font-size值
3. vw布局
与rem布局类似 不过单位换成vw 1vw=1% 视图宽度
浏览器会自动根据视图大小变换 不用js
本文出自 “SS2TT” 博客，谢绝转载！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Objects and Data Structures
- iOS Quartz2D - 画圆和圆弧
- Android -- 绑定服务
- android developers training 文档学习笔记（目录）
- iOS 9之Advanced Touch Input(高级触摸输入)
- 使用O-LLVM和NDK对Android应用进行混淆
- 微信公众平台新增图文内容中图片上传接口，并过滤外链图片(这是封闭么？)
- Android的四种监听事件处理方式
- Android开发——下载功能的逻辑和实现
- 如何用 Parse 和 Swift 搭建一个像 Instagram 那样的应用？（3）
- 如何用 Parse 和 Swift 搭建一个像 Instagram 那样的应用？（3）
- Android之——原生分享功能
- IOS开发遇到的问题连载
- Android学习笔记-Activity
- android系统服务
- android debug
- iOS Quartz2D - 画矩形
- ios-应用管理 字典转模型
- iOS Quartz2D - 画线段
- android之Broadcast