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

web知识零零散散的知道一些,但总感觉不够系统,遇到问题不知道如何解决,因此特此来系统的学习一下web前端的知识。从慕课网的web基础看起。下面学习http://www.imooc.com/learn/494。

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏pangguoming

JAVA智能设备基于OpenGL的3D开发技术 之AABB碰撞检测算法论述

摘要:无论是PC机的3D还是智能设备应用上,碰撞检测始终是程序开发的难点,甚至可以用碰撞检测作为衡量3D引擎是否完善的标准。现有许多3D碰撞检测算法,其中AAB...

37210
来自专栏tkokof 的技术,小趣及杂念

Flash小品之颜色解析

    Flash小品之颜色解析       不知不觉已经用了一阵子的AS3,渐渐的对Flash有了不少好感,从一个游戏爱好者的角度出发,我个人更喜欢将F...

821
来自专栏vue学习

早起—怎样开启高效的一天?

原文作者:Gianni Cara  原文出处:www.quora.com/What-is-the-most-inspiring-way-to-start-the...

632
来自专栏我杨某人的青春满是悔恨

Learning From Data Note 1

周末上了一节 Yaser 的网上公开课,教授的发音虽然有点奇怪,但是为人风趣,循循善诱,课程内容也是深入浅出,既有干货又不至于太过枯燥乏味。看完之后记了一点笔记...

572
来自专栏about云

机器学习算法入门

问题导读 1.什么是程序? 2.什么是算法? 3.什么是机器学习算法? 4.机器学习的主要任务是什么? 5.机器学习+数据库=? 6.什么是自然语言处理? ...

32710
来自专栏小红豆的数据分析

acmer之路(1)三月第三周日志

前一段时间疯狂的学python,也逐渐认识到了python在某些方面的局限性以及写python在某些方面对自身锻炼不足。于是重新拾起大一曾经参加过的acm,准备...

601
来自专栏WOLFRAM

美国国家数学博物馆(MoMath)的可计算馆标

1645
来自专栏Crossin的编程教室

一行代码扫出“敬业福”

好吧,我承认有那么一点标题党。不过说起标题党这事儿,咱先来看看支付BAO,最近几天搞得全国人民都不安心工作的“集五福”: ? 好(shua)好(hou)的“集五...

3458
来自专栏企鹅号快讯

opencv是Python处理图片的利器!Python大牛教你玩转opencv!

opencv作为我最常用的图像处理库,当然第一个介绍,并且介绍得比较全面。毋庸置疑,opencv是今天介绍得所有图像库中最全面也最强大的库,如果我们只想掌握一个...

2835
来自专栏腾讯移动品质中心TMQ的专栏

小说书架内容质量自动化测试

一.项目背景 小说书架的产品思路是:在手机QQ浏览器这个平台上,给用户提供一个小说书架这样的小说阅读入口。通过这个入口阅读到的小说,是后台将从其它网页中抽取到...

1855

扫描关注云+社区