在写这篇文章之前,我询问了在唯品会和腾讯的童鞋、以及公司里面前端大神(深哥),对于设计稿切图的详细方法,经过对比验证,得出设计稿转换页面单位尺寸方法步骤。我分别询问下面四个问题: 1. 设计稿的单位是什么,一般大小是什么? 2. 页面长度单位用什么,px、em、rem,还是混合,如果用rem,htm ...
分类:
移动开发 时间:
2016-04-27 18:28:38
阅读次数:
311
作者:夏至 欢迎转载,也请保留这段申明,谢谢
以前在做小东西的时候,觉得只要适应了自己的手机就可以了,发现真的给自己挖了很多坑。今天终于好好地研究了一下,这是个痛苦的事情,但是却又真的很有趣。
首先,先理解几个概念。1、屏幕尺寸 屏幕尺寸指屏幕的对角线的长度,单位是英寸 : 1 英寸 = 2.54 mm
常见的尺寸有: 2.4 、2.8、3.5 、3.7,4.2、5.0等等
2、屏...
分类:
其他好文 时间:
2016-04-26 11:02:55
阅读次数:
142
显示尺寸(display size) 是指实际可视区域的对角线长度,单位是英寸,简称寸(1英寸=2.54厘米)。 长宽比(aspect ratio) 是指TFT-LCD可视区域的长度和宽度之比,也叫做屏幕比例。主要的长宽比有4:3,5:4,16:10,16:9四种。16:9的比例更接近黄金分割比,人 ...
分类:
其他好文 时间:
2016-04-20 23:18:29
阅读次数:
444
原文链接:http://blog.csdn.net/charlessimonyi/article/details/8264572 在GDI绘图前,一般要设置映射模式。映射模式是什么呢?它是逻辑长度单位与实际长度单位的一中转换关系,比如我要画一个长为800单位,宽为600单位的矩形,那么在不同的映射模... ...
分类:
其他好文 时间:
2016-04-14 17:58:43
阅读次数:
161
数字 颜色——命名颜色 颜色——RGB颜色 颜色——16进制RGB颜色 颜色——等忦颜色表 颜色——Web安全色 长度单位 长度单位——相对长度单位 ...
分类:
Web程序 时间:
2016-04-13 12:59:07
阅读次数:
216
PX为单位 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小,这时会使我们的Web页面布局被打破。这样对于那些关心 ...
分类:
Web程序 时间:
2016-04-12 12:39:54
阅读次数:
138
一、介绍一下 dp 和 sp。
dp 也就是 dip。这个和 sp 基本类似。如果设置表示长度、高度等属性时可以使用 dp 或 sp。但如果设置字体,需要使用 sp。
dp 是与密度无关,sp除了与密度无关外,还与 scale 无关。如果屏幕密度为160,这时 dp 和 sp 和 px 是一样的。
1dp=1sp=1px
二、介绍一下px
但如果使用 px 作单位,如果屏幕大小不变(假设...
分类:
移动开发 时间:
2016-04-06 13:36:09
阅读次数:
248
以下总结来自慕课网(依然比较浅显)。 长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关(这句话怎么说 ...
分类:
Web程序 时间:
2016-04-03 21:51:00
阅读次数:
225
一、相对长度单位: 相对长度是根据与其他事物的关系来度量的。共有3种相对长度单位:em,ex,px。 1个“em”定义为一种给定字体的font-size的值,例如,一个元素的font-size为14像素,那对于该元素,1em就等于14像素。 ex是指所用字体中小写x的高度。如果两个段落文本大小都是2 ...
分类:
Web程序 时间:
2016-03-26 15:42:35
阅读次数:
130
line-height : normal | length 参数: normal : 默认行高length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位 说明: 检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。如行内
分类:
Web程序 时间:
2016-03-19 00:58:23
阅读次数:
175