不需要 Npm 的单页应用框架：
不需要 Npm 的单页应用框架：
前言
自适应，是指网页能够根据屏幕尺寸自动调整内容的展现方式，包括但不限于：字体大小、元素大小 和 元素位置 等，使得在不同分辨率下都能给用户带来接近一致，或者友好的操作体验的特性。
实现自适应的方式有很多，使用『媒介查询』或『rem字体单位』就是常见的解决办法。本文并不打算深度介绍这两种技术，只讨论 “如何使用rem字体单位结合View.js完成网页的自适应布局” 这一问题。对上述两种技术感兴趣的同学，请利用搜索引擎自行补习。
字体单位 REM 特性回顾
引用 MDN 的描述：
这个单位代表根元素的 font-size 大小（例如 <html> 元素的font-size）。当用在根元素的font-size上面时 ，它代表了它的初始值
这句话展开来讲，就是：
- 开发者可以在 <html> 标签上定义 font-size，数值大小可自由定义，称之为“根字体尺寸”
- 开发者可以在任意子元素中使用 rem 这一相对单位定义尺寸，尺寸的最终大小等同于单位数值乘以根字体尺寸
换句话来讲，与 “px单位定义的尺寸代表的是固定尺寸” 这一特性不同，用rem单位定义的尺寸是相对单位，尺寸大小可随根字体尺寸的变更而等比放大或缩小。例如：
html{
/* 定义根字体尺寸为 10px */
font-size: 10px;
}
div{
最低0.47元/天 解锁文章
扫一扫
1031
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
