这方面的知识一直一知半解。从前看过一些文章,也没有豁然开朗的感觉。今天看了这篇http: div.io topic 感觉明白了一些,不论是否正确,先做记录,留待日后验证。 . 物理像素 CSS像素与位图像素 物理像素是设备本身用于渲染画面的最小显示单元。我们平时买手机,比如iphone 或者华为看到的 , 其实都是物理像素。显然物理像素不等于PC前端开发所理解的屏幕宽度。 CSS像素是编程时使用的 ...
2016-07-13 14:42 0 1507 推荐指数:
本文主要写给刚接触移动端开发的同鞋们。 首先先将几个主要概念讲一下; 什么是移动端? 移动端故名思义是为移动终端,大名叫移动通信终端,是指可以在移动中使用的计算机设备。其实就是我们常说的手机。 什么是布局? 前端开发中布局是将主要的html结构布置好。 rem是什么? rem是一种 ...
css单位有3种: px:绝对单位 em:相对父元素的单位 rem:相对根元素(页面的html)的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem: 什么是rem? rem就是指相对根元素(页面html)的单位。 例如:html设置了font-size ...
1、前言 (1)vw/vh介绍 在使用之前,我们先简单了解一下什么是vw和rem以及它们的作用,vw是css3出现的一个新单位,它是“view width”缩写,定义为把当前屏幕分成一百份,1vw即为屏幕的1%,与之对应的是vh,把高分成一百份,1vh即为屏幕高的1%,一般我们常用的vw ...
rem是什么? rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root!!!!!!!!!根节点,也就是html。 例:(下面例子中的根节点是html ,它的字体大小是100px ...
是 Web 编程的概念,指的是 CSS 样式代码中使用的逻辑像素。比如 iPhone 6 的 CSS 像素数为 ...
刚开始做移动端的开发的时候,大多时候是在使用 像素(PX)来写页面和布局的,但是使用下来,还是有多少不好用! 随之就开始用 rem 来写,rem写的结果是页面放到一些屏幕上,字体过小,如果页面渲染用了rem,但是网站后台编辑器里的字体大小是用像素来做的,这就可能出现一种情况,rem设置的像素要比 ...
前言 首先你要知道 vw 和 rem 是什么?怎么使用? ①:简单来说 vw 是视口单位,相当于把视口等分成了100,1vw = 1; ②:rem是相对单位,设置根元素 html 的 font-size,比如给 html 设置字体大小为100px,1rem ...