手机端web学习基础--from慕课网
2016-03-02 14:47
281 查看
web知识零零散散的知道一些,但总感觉不够系统,遇到问题不知道如何解决,因此特此来系统的学习一下web前端的知识。从慕课网的web基础看起。下面学习http://www.imooc.com/learn/494。
dp,pt:device independent pixels设备无关像素
dpr:devicePixelRatio设备像素缩放比
计算公式: 1px = (dpr)2*dp
为什么iphone5是320px*568px?-》
DPI:打印机每英寸可以喷的墨汁点(印刷行业)
PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度
目前,在计算机显示设备参数描述上,二者表达的是一样的。
计算公式:ppi = √(11362+6402)/4=326ppi(视网膜Retina屏)。注意:单位为硬件像素,非px.
可视度越低,系统默认设置缩放比越大。
Retina屏(高清屏):dpr都是大于等于2
1 web基础知识
1.1 pixel移动开发像素知识
px:css pixels逻辑像素,浏览器使用的抽象单位dp,pt:device independent pixels设备无关像素
dpr:devicePixelRatio设备像素缩放比
计算公式: 1px = (dpr)2*dp
为什么iphone5是320px*568px?-》
因为dpr=2,即 1px=4dp,对应到长度(纬度),边长为2的正方形,长度1px=2dp.那么iphone5d 640*1136对应到px单位就是:320*568
DPI:打印机每英寸可以喷的墨汁点(印刷行业)
PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度
目前,在计算机显示设备参数描述上,二者表达的是一样的。
计算公式:ppi = √(11362+6402)/4=326ppi(视网膜Retina屏)。注意:单位为硬件像素,非px.
可视度越低,系统默认设置缩放比越大。
Retina屏(高清屏):dpr都是大于等于2
相关文章推荐
- 如何分清JSON解析什么时候该用JSONObject,什么时候该用JSONArray。
- mac os x上 android apk 反编译
- Cocos2d-x 3.x ClippingNode裁剪节点
- android修改开机动画和铃声
- Android 避免APP启动闪黑屏的解决办法
- iOS-定时任务
- getString(int resId, Object... formatArgs)的用法
- 监控系统一些告警方式对比:短信、Email手机端、IM
- Android ListView异步加载图片乱序问题,原因分析及解决方案(二)
- Unity DrawCall优化
- Android 浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Libgdx仿安卓R文件通过Id访问资源
- iOS-此证书的签发者无效
- Android的bitmap和优化
- android 如何计算PopupWindow宽和高
- android dpi dip px
- [Android] Android开发优化之——从代码角度进行优化
- app开发笔记
- Android 相机或者相册上传头像
- 谈Objective-C Block的实现