Rem 现如今移动端的尺寸大小多种导致也页面不能在各种屏幕上适配，许多网站之前主要采取（1）采用的流式布局：通过百分比来定义宽度来实现，但是高度大都是用px来固定住。 这就导致大屏幕的手机页面上宽度被拉的很长，高度很短。 （2）固定宽度做法：早期有些网站把页面设置成320的宽度，超出部分留白。大屏幕 ...
分类：
其他好文 时间：
2017-06-03 12:36:53
阅读次数：
237
px： 即像素，1px代表屏幕上一个物理的像素点； px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大小可能不同，如下图所示（图片来自android developer guide，下同）。 偶尔用到px的情况，是需要画1像素表格线或阴影线的时候，用其他单位如dp会显得模糊。 ...
分类：
移动开发 时间：
2017-06-01 12:04:29
阅读次数：
176
DP 这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关，所以 首先我们解释一下什么是像素密度。假设有一部手机，屏幕的物理尺寸为1.5英寸x2英寸，屏幕分辨率为240x320，则我们可以计算出在这部手机的屏幕上， 每英寸包含的像素点的数量为240/1.5=160dpi（横向）或320/2= ...
分类：
其他好文 时间：
2017-06-01 12:03:28
阅读次数：
285
一、 #ID{ width:宽度px; height:高度px; background-color:red; 背景颜色的两种加法 background:rgba(x,x,x,x) rgba颜色 最后一个值为透明度 1为不透明，0为全透明。 background:url(图片.jpg) np-rere ...
分类：
Web程序 时间：
2017-05-31 22:20:37
阅读次数：
296
重要概念 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 什么是dp、dip、dpi、sp、px？他们之间的关系是什么？ 什么是mdpi、hdpi、xdpi、xxdpi？如何计算和区分？ 在下面的内容中我们将介绍这些概念。 屏幕尺寸 屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米 比如常 ...
分类：
移动开发 时间：
2017-05-31 16:45:56
阅读次数：
306
一. 核心概念与单位详解 1. 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕分辨率越大，手机越清晰 2. 什么是dp、dip、dpi、sp、px？之间的关系是什么？ dip：Density Independent Pixels（密度无关像素）的缩写。以160dpi为基准，1dp=1pxdp：同d ...
分类：
移动开发 时间：
2017-05-31 12:02:28
阅读次数：
295
/** * 给图片加边框 by liangjian 2014-06-19 * @param $ImgUrl 图片地址 * @param $SavePath 新图片保存路径 * @param $px 边框像素（2表示左右各一像素） * @return Ambigous <boolean, 新图片的路径 ...
分类：
Web程序 时间：
2017-05-29 09:59:59
阅读次数：
216
满屏浏览器设计解决方案分析 以下数据由js获取 介于时下硬件尺寸不一，做出细微数据测试 屏幕尺寸(英寸) 分辨率 窗体高度(px) 浏览器 14 1366x768 650 ie9 591 firefox 15.6 1366x768 673 ie9 616 firefox 17 1024x768 61 ...
分类：
其他好文 时间：
2017-05-28 21:38:49
阅读次数：
225
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人 ...
分类：
其他好文 时间：
2017-05-27 10:46:12
阅读次数：
203
packagecom.zzy.maopao;publicclasspaixun{ publicstaticvoidmain(String[]arge){ int[]array={63,4,2,5,15,99,88,77,33}; paixunpx=newpaixun(); px.sort(array); } privatevoidsort(int[]array){ //TODOAuto-generatedmethodstub for(inti=1;i<array.length;i++){ ..
分类：
编程语言 时间：
2017-05-26 23:36:07
阅读次数：
286
