手机端web学习基础--from慕课网

简介:

1 web基础知识

1.1 pixel移动开发像素知识

  •  px:css pixels逻辑像素,浏览器使用的抽象单位
  • dp,pt:device independent pixels设备无关像素
  • dpr:devicePixelRatio设备像素缩放比

计算公式: 1px = (dpr)2*dp

为什么iphone5是320px*568px?-》

1
因为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

 

本文转自Ryan.Miao博客园博客,原文链接:http://www.cnblogs.com/woshimrf/p/5234941.html,如需转载请自行联系原作者

相关文章
|
3月前
|
存储 移动开发 JSON
H5学习之路之Web存储解决方案
H5学习之路之Web存储解决方案
14 0
|
4月前
|
JSON JavaScript Go
Go 语言学习指南:变量、循环、函数、数据类型、Web 框架等全面解析
掌握 Go 语言的常见概念,如变量、循环、条件语句、函数、数据类型等等。深入了解 Go 基础知识的好起点是查阅 Go 官方文档
446 2
|
13天前
|
安全 前端开发 Java
Java Web开发知识点学习总结
Java Web开发涉及Java基础、Servlet、JSP、数据库操作(SQL+JDBC)、MVC设计模式、Spring框架、Hibernate ORM、Web服务(SOAP&RESTful)、安全认证(HTTP Basic/Digest/OAuth)及性能优化(缓存、异步、负载均衡)。
15 3
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
3月前
|
移动开发 前端开发 JavaScript
web前端面试学习指南(二)
web前端面试学习指南(二)
|
3月前
|
移动开发 缓存 JavaScript
web前端面试学习指南(一)
web前端面试学习指南
|
3月前
|
前端开发 JavaScript Android开发
【web前端技术】判断是否是手机端
【web前端技术】判断是否是手机端
51 0
|
3月前
|
安全 网络协议 Linux
【公网远程手机Android服务器】安卓Termux搭建Web服务器
【公网远程手机Android服务器】安卓Termux搭建Web服务器
59 0
|
4月前
|
安全 网络协议 Linux
【公网远程手机Android服务器】安卓Termux搭建Web服务器
【公网远程手机Android服务器】安卓Termux搭建Web服务器
|
5月前
|
前端开发 Java 数据库连接
学习Java Web开发的关键技术和概念
学习Java Web开发的关键技术和概念

热门文章

最新文章