使用rem进行换算，根据移动端屏幕大小的变化，来动态的设置根元素的字体大小，rem就是根据根元素html的字体大小渲染的，如果是375px的设计图，那么就将元素的尺寸px乘以2，在除以100就是该元素的rem值了function mobileMatvhing(){ var html = docume ...
分类：
移动开发 时间：
2018-03-29 19:10:17
阅读次数：
224
window.onload = () => { document.getElementsByTagName("body")[0].style.height = document.body.scrollHeight+"px"; document.getElementsByTagName("body")... ...
分类：
Web程序 时间：
2018-03-28 14:09:34
阅读次数：
181
为什么要使用rem 移动端设备尺寸五花八门，单纯使用px这个单位无法轻易适配，rem就可以为我们解决这个问题！ 如何使用rem 1rem默认等于16px，这是因为页面的默认字体大小就是16px。r 代表rootelement,因此只要修改html的font-size大小，就可以更改1rem的大小！ ...
分类：
移动开发 时间：
2018-03-27 16:39:40
阅读次数：
210
1. 字体 font-style : normal / italic / oblique ; /* 字体样式 */ font-size : num px; /* 字体大小 */ font-weight : normal / bold ; /*字体粗细 */ text-decoration : nor ...
分类：
Web程序 时间：
2018-03-26 21:30:16
阅读次数：
270
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。 技术栈 vue-cl ...
分类：
其他好文 时间：
2018-03-26 19:12:44
阅读次数：
907
在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素 ...
分类：
Web程序 时间：
2018-03-23 16:18:55
阅读次数：
216
rem原理与简介： 依据html根元素大小定，px转rem动态调整根元素font-size大小； 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小； 移动端适配：方式一 媒体查询@media @media screen and （max-width:320px）{ html... ...
分类：
移动开发 时间：
2018-03-19 18:11:02
阅读次数：
227
一、单位 说到移动终端，不得不提适配问题，大大小小的移动设备不但让android和ios开发的难过，，现在也让前端很是头疼，不过，方法总是比问题多, 因为现如今市面上移动设备的分辨率大小不同，显然咱们常用的px单位在这个时候就有些不太灵光了，为此，css3出了一个新单位——rem，rem就是相对于根 ...
分类：
移动开发 时间：
2018-03-19 13:33:15
阅读次数：
289
rem是相对于根元素<html>，所以只需要在根元素确定一个px字号，就可以算出元素的宽高 假设rem的html font-size用16px。 750px的设计图以375px量长宽，例如设计图里有元素宽度是100px，那么得到宽度会是 100px/2/16px = 3.125rem。 为了能在ap ...
分类：
其他好文 时间：
2018-03-18 21:40:54
阅读次数：
273
PX px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. 浏览器无法调整px单位的字体； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或 ...
分类：
Web程序 时间：
2018-03-17 21:42:20
阅读次数：
325
