移动端布局
2019-06-11 19:47
1191 查看
百分比(弹性)布局
rem(等比缩放)布局
先说两个计量单位
px：简单，固定，精确，但是一旦放大字体，放大屏幕就会导致排版错误。
em：相对于父级单位进行排版，能解决px缺点。
引入rem
rem：是相对于HTML根元素字体大小进行更改，能够等比例的适应所有的屏幕。
所以
所以只要让布局使用弹性布局，在加上@media配置好HTML的页面就能够配置不同尺寸的布局了。加上rem的布局方式。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【移动端】页面自适应布局—基于rem布局
- 移动端布局一
- rem自适应布局-移动端自适应必备:flexible.js
- 移动端 rem 布局的一些总结
- HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中
- 解决Web移动端Fixed布局的方案（防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js）
- 媒体查询，移动端常见布局以及其他
- 关于移动端rem 布局的一些总结
- 移动端软键盘监听（弹出，收起），及影响定位布局的问题
- 移动端爬坑记 --- （1）布局与样式上的奇葩偶遇
- 移动端安卓app 采用rem布局动态修改rem值
- 移动端布局常见问题汇总
- 移动端页面开发适配 rem布局原理
- flex布局兼容性写法，使用于任何移动端安卓苹果
- 移动端字体放大导致布局错乱的解决方案
- html5移动端适配使用流体布局经常遇到的坑
- [03]项目实战-移动端流体布局
- background-size布局和移动端图片的等比缩放
- 移动端整体布局-解决ios下fixed定位抖动的问题
- 移动端布局最佳实践（viewport+rem）