1.rem是什么? rem(font size of the root element)是指相对于根元素的字体大小的单位 2.为什么web app要使用rem？ 实现强大的屏幕适配布局(淘宝,腾讯,网易等网站都是rem布局适配)rem能等比例适配所有屏幕,根据变化html的字体大小来控制 ...

【资源一】基础知识恕不回顾 基础知识参考以下两篇博客： http://isux.tencent.com/web-app-rem.html http://www.w3cplus.com/css3/define-font-size-with-css3-rem 【资源二】淘宝m站 ...

随着手机等移动设备的普及，移动端带来的流量已经不可忽视，一个网站不只是只有pc的页面就足够了，移动端的适配已经势在必行。但是移动设备种类繁多，屏幕尺寸也千奇百怪，能不能找到一种方式可以适配所有的手机屏幕呢？ 答案就是rem。 俗话说 “授人以鱼不如授人以渔”，但今天我就反其道而行，就是授人以鱼 ...

css单位有3种： px：绝对单位 em：相对父元素的单位 rem：相对根元素（页面的html）的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem： 什么是rem？ rem就是指相对根元素（页面html）的单位。 例如：html设置了font-size ...

1.为什么用rem 根据屏幕大小，自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的（记得等比例缩放） b.调试时记得把浏览器默认最小字体设置为最小。手机端是支持12px以下的字体的 c.引入meta头 d.引入reset文件 ...

rem移动端适配： 在移动端（手机端、Pad端），设备尺寸参差不齐。如果想要写完一套代码，能够在所有移动设备上都正常运行，那么采用原生的px单位来设置是不行的。举个例子：iPhone6的尺寸是375px，如果我们想要一个盒子是占据整个宽度的一半，那么会将这个盒子的宽度设置为187.5px ...

　　刚开始接触移动页面重构，是不是很迷惑应该按照多大的尺寸制作？320、640还是720？按照640的设计稿重构完页面，是不是还需要写其他尺寸来适配不同的屏幕大小？—— 这源于对viewport和px的不了解。 　　已经重构了好多移动页面，但是对为什么要按照640的大小来设计页面，不清楚答案 ...

** 需求: 随着移动端设备的变化，内容也跟着变化。**先来说说rem单位，以rem为单位，其大小是根据根元素（html标签）的字体大小来判断的， 如 html的font-size：100px； 子元素div 的width：2em； 等同于width：200px；（100 ...