专栏首页Ryan Miao手机端web学习基础--from慕课网

手机端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 条评论
登录 后参与评论

相关文章

  • Airflow自定义插件, 使用datax抽数

    Airflow之所以受欢迎的一个重要因素就是它的插件机制。Python成熟类库可以很方便的引入各种插件。在我们实际工作中,必然会遇到官方的一些插件不足够满足需求...

    Ryan-Miao
  • HashMap原理阅读

    前言 还是需要从头阅读下HashMap的源码。目标在于更好的理解HashMap的用法,学习更精炼的编码规范,以及应对面试。 它根据键的hashCode值存储数...

    Ryan-Miao
  • java中map插入相同的key

    测试用例: package test; import org.junit.Test; import po.Person; import java.util....

    Ryan-Miao
  • Android开发笔记(一)像素的单位

    老子曾说“天下难事必作于易,天下大事必作于细”,其实Android开发也是如此。博主一开始学android的时候,对像素单位不知其所以然,只知一根筋的填数字...

    用户4464237
  • Java String 和 StringBuilder 中 equals 的区别

        String 中 只要内容相同 equals 就是 true, 而 == 需要地址及内容相同才行。 

    用户2965768
  • Python入门 (二)

    本文是个人python学习笔记,学习资料为廖雪峰python教程,如需更多内容,请移步廖老师官方网站。

    py3study
  • Python3 面向对象

    类对象支持两种操作:属性引用和实例化。 属性引用语法:obj.name 对象创建后,类命名空间中所有的命名都是有效属性名

    py3study
  • 源码分析 Sentinel DegradeSlot 熔断实现原理

    Sentinel 中的熔断实现类为 DegradeSlot。DegradeSlot 的类定义如下图所示:

    丁威
  • K.Upside down primes(求大素数--米勒卡宾算法--Miller_Rabin)

           题意是给一串数字,然后对这串数字进行180度翻转,其中1,2,5,8,0翻转完还是它本身,6翻转完是9,9翻转后是6,3,4,7都无法翻转(直接输...

    Ch_Zaqdt
  • OTT变革进入“深水区”,看酷开系统7.0如何搅动“新硬件”蓝海

    近几年,在移动互联网的冲击之下,彩电行业一直处在焦虑状态。但在“AI+IOT”时代趋势的加持之下,作为未来客厅经济的主角——互联网电视反倒呈现出一片勃勃生机。

    曾响铃

扫码关注云+社区

领取腾讯云代金券