单位主要用在规定元素的数值性css属性的,这里主要讨论应用的比较多的是width height padding margin font-size,而单位中应用最广泛就是%、px、em 百分比 百分比,关键就是参考的父元素,在正常流和浮动时,就是包裹着当前元素的元素;在相对定位、绝对定位时,就是当前元...
分类:
Web程序 时间:
2014-11-13 20:36:42
阅读次数:
187
如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天本文的重点是介绍一些我们使用很少、甚至么有听说的单位。一、重温em Test-01 (12px * 1.5 = 18px) Test-02 (18px * 1.5 = 27px) Test-03 (27px *...
分类:
Web程序 时间:
2014-11-13 16:18:16
阅读次数:
248
android中dip、dp、px、sp和屏幕密度1. dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这 这个,不依赖像素。 这里要特别注意dip与屏幕密度有关,而....
分类:
移动开发 时间:
2014-11-13 12:42:13
阅读次数:
286
相关概念分辨率:整个屏幕的像素数目,为了表示方便一般用屏幕的像素宽度(水平像素数目)乘以像素高度表示,形如1280x720,反之分辨率为1280x720的屏幕,像素宽度不一定为1280屏幕密度:表示单位面积内的像素个数,通常用dpi为单位,即每英寸多少个像素点px:长度单位,以具体像素为单位dp:长...
分类:
移动开发 时间:
2014-11-12 19:24:37
阅读次数:
296
"添加到主屏幕“后,全屏显示
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面...
分类:
移动开发 时间:
2014-11-12 17:50:09
阅读次数:
229
在做html相关的东西的时候经常会遇到这样的问题,容器大小(长x宽)固定,容器包含内容(特指文字)多少不固定,这个时候就让人很苦恼了,将字体大小设置成多少才合适呢?下面看看我的解决思路: 首先要知道网页中所说的字体大小的px指的是字体的宽和高,也就是说在35px显示一个中文字符,该字符占去35x35...
分类:
Web程序 时间:
2014-11-12 00:21:40
阅读次数:
200
public class DensityUtils {
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getRe...
分类:
移动开发 时间:
2014-11-11 14:27:29
阅读次数:
226
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,...
分类:
Web程序 时间:
2014-11-11 14:13:37
阅读次数:
332
相关计量单位介绍:
px:是屏幕的像素点,不同设备显示的效果一样。
in:英寸(1英寸等于2.54cm)
mm:毫米
pt:磅, 1/72英寸
dp:device independent pixels(设备独立像素),不同设备有不同的显示效果,这个和设备
硬件有关。基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px。(160dpi表示1英寸
有160个像素点)...
分类:
移动开发 时间:
2014-11-09 18:08:02
阅读次数:
197
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚 px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。 因为 1、IE...
分类:
Web程序 时间:
2014-11-07 18:20:17
阅读次数:
187