rem 是相对文档根元素(html)字体大小的尺寸单位，当元素的尺寸或文字字号等使用 rem 单位时，会随着根元素的 font-size变化而变化，那么在不同分辨率的设备下动态设置根元素的字体大小就可以实现页面自适应。那么如何动态设置呢，看到很多文章都讲的是使用js获取设备屏幕尺寸来操作，而我 ...
简单来说，如果想要在750px设计稿中 1rem = 40px（基准值），在100vw（设备视口总宽度）的屏幕中 1rem = a（文档根元素html的字体大小），那么有： 750 / 40 = 100vw / a => a = 100vw * (40 / 750 ...
1.使用rem来设置Web页面的字体大小； 2.rem是相对于根元素<html>； 3.rem能等比例适配所有屏幕 4.在根元素<html>中定义了一个基本字体大小为62.5%（也就是10px。设置这个值主要方便计算，如果没有 设置，将是以“16px”为基准 ...
大家知道rem可以用来做响应式布局，只是html元素上的font-size样式需要根据屏幕宽度来指定。 之前有用@media媒体查询，根据各种屏幕宽度写html的样式，也用过类似lib-flexible这样的js库动态改变html样式，总觉得挺麻烦的。 今天突然想到vw这个单位，发现用它来做 ...
vw：相对于视口的宽度。视口被均分为100单位的vw；我在想，既然vw是相对于视口的宽度，又因为视口的宽度是不固定的，那么可以用vw来做到rem适配吗？下面是测试的截图：（如果是用手机看的，因为自动把图片缩放了，所以看着字体大小一样） 还有个问题，就是应该有个px与vw的换算 ...
PX为单位 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小，这时会使我们的Web页面布局被打 ...
PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Do ...
PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如 ...
