如何快速掌握移动端rem布局技巧?(推荐)
- 内容介绍
- 文章标签
- 相关推荐
本文共计1083个文字,预计阅读时间需要5分钟。
1. 为何要使用rem+?博客很久没写了,原因很简单。
2.最近接手了一个项目,要同时做PC端和移动端页面,之前没接触过。
3.最终给钱的可是大老板,所以还得硬着头皮上。
4.移动端最烦的是适配。
1、为什么要用rem
博客很久没写了,原因很简单。
最近接手了一个项目,要同时做PC和移动端的页面,之前没接触过,但毕竟给钱的是大爷,所以还是硬着头皮上了。
移动端最麻烦的是什么?
不同分辨率适配!
具体来说,有的屏幕320px宽,有的屏幕640px宽,有的更宽,如果你写固定px,那么要么小的放不下,要么大的有大片空白。
怎么办?
如果元素固定占用屏幕空间(一般是指宽度而非高度,下同)的百分之xx就ok了。
比如320px的10%是32px,640px的10%是64px,
如果10个10%宽度的元素放在一起,那肯定就是100%,即挤满屏幕(宽度),不会超出,也不会留白。
本文共计1083个文字,预计阅读时间需要5分钟。
1. 为何要使用rem+?博客很久没写了,原因很简单。
2.最近接手了一个项目,要同时做PC端和移动端页面,之前没接触过。
3.最终给钱的可是大老板,所以还得硬着头皮上。
4.移动端最烦的是适配。
1、为什么要用rem
博客很久没写了,原因很简单。
最近接手了一个项目,要同时做PC和移动端的页面,之前没接触过,但毕竟给钱的是大爷,所以还是硬着头皮上了。
移动端最麻烦的是什么?
不同分辨率适配!
具体来说,有的屏幕320px宽,有的屏幕640px宽,有的更宽,如果你写固定px,那么要么小的放不下,要么大的有大片空白。
怎么办?
如果元素固定占用屏幕空间(一般是指宽度而非高度,下同)的百分之xx就ok了。
比如320px的10%是32px,640px的10%是64px,
如果10个10%宽度的元素放在一起,那肯定就是100%,即挤满屏幕(宽度),不会超出,也不会留白。

