标签：rem

web开发中的长度单位（px,em,ex,rem），如何运用

xiaoqi 发布于 2017-06-08

作为一名前端开发人员，css中的长度单位，都是我们在工作中非常熟悉的名词，因为没有它们，我们就不能声明某个字符应该多大，或者某些图像周围应该留白多少，甚至有时候能导致css不能进行正常工作，所以在很多css属性中，它们都是依赖于长度单位来显示各种页面元素。 1、长度单位包括哪些？...

标签：css / px / rem / 单位

xiaoqi 发布于 2017-05-24

第一步： media标签写在head里面： <meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1...

xiaoqi 发布于 2017-04-26

var html = document.getElementsByTagName("html")[0]; function getFontSize(){ var width=document.documentElement.clientWidth ||document.body....

xiaoqi 发布于 2017-03-23

@media all { html { font-size: 16px; } } @media all and (min-width: 140px) and (min-height: 220px) { html { font-size: 9px; } } @media all a...

标签：css / media / rem

xiaoqi 发布于 2017-03-21

xiaoqi 发布于 2017-03-06

通常最简单的设置rem的方法为：body {font-size:62.5%} 【1rem=10px】但是这种方法在用于小于0.8rem字体的时候就会设置不了所以最好的方法还是使用JS判定 //原生 (function () { var docEl = docume...

xiaoqi 发布于 2017-03-03

个人觉得写移动端的页面的时候rem和position搭配使用很好，我是按照750的尺寸来写的所有1rem=100px 字体12*100=.12rem clientWidth / 375 是6的分辨率大家可以在谷歌F12 看到 (function() { ...

标签：js / rem / 移动端

xiaoqi 发布于 2017-02-17

标签：js / rem