![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 90
youkino222
这个作者很懒,什么都没留下…
展开
-
移动端(二)——移动端适配方案之viewport适配、比例缩放适配和百分比适配
适配:在不同尺寸的手机上,页面相对性的达到合理的展示(自适应)或这保持统一效果的等比缩放(看起来差不多),例如一个占满屏幕宽度的元素,在不同尺寸的手机下所显示都是占满宽度。 适配的元素 字体 宽高 间距 图像(图标,图片) 适配方案: 1、百分百比适配 这种适配方案是给元素设置百分比,例如4个div想想占满宽度100%,则可以给每一个div设置宽度为25%,这样不固定宽度,使...原创 2017-12-09 20:20:05 · 4927 阅读 · 0 评论 -
移动端(三)—— rem适配和flex适配
之前说过百分比适配、比例缩放适配和viewport适配,但是,现在的主流适配方案是rem适配,它很强大。 4、rem适配 首先说说常用像素单位: 常用像素单位 1. px 绝对单位,给多少就是多少, 问题:不管屏幕尺寸怎么变化,它都不会变。做不到适配 2.em 相对单位,相对于自身字体大小的值 font-size:12px 1em=12px 问题: ...原创 2017-12-09 23:00:55 · 8718 阅读 · 0 评论 -
移动端(一)—— 移动端概念
移动端设备像素知识原创 2017-12-05 12:01:42 · 1934 阅读 · 0 评论 -
viewport的深入理解
之前写的几篇移动端的知识,然后经过导师的分享,看了荔枝fm的适配,发现自己对viewport的理解并不是很深,于是花了一两天的时间研究viewport和荔枝fm的适配方案。 首先viewport的深入理解,移动前端开发之viewport的深入理解 这篇文章真的讲得很好,很细致 本文文字比较多,因为理论知识比较多,所以希望能够看完,因为本文是参考上面博客和慕课网和各种百度理解之后的总结,看上面博...原创 2018-04-18 16:18:14 · 5165 阅读 · 0 评论