Retina 直接翻译是视网膜的意思。
在IT上,是Apple 公司提出的。
意思是指一个显示屏的颗粒度 px 密度高到人类无法看见。
要了解细节必须先了解基础知识
inch 英寸 1 inch = 2.52 cm
手机的inch 以屏幕的斜线(左上角到右下角的长度)来计算
ppi = pixel per inch 就是1 inch 里面有多少个像素,也可以当成密度来看待 。
所以 ppi 越高越好.
Retina屏幕对web的影响
在Retina屏幕下照片会base on 设备的 window.devicePixelRatio 而变大。
比如一张 300px 的相片 , 在一架 devicePixelRatio =2 的手机上 
会是 600px 的!照片会被放大1倍也就懵掉了!
所以为了迎合 Retina 手机,我们必须具备 600px的照片和一张 300px的照片.
通过游览器 img 标签的属性 srcset="123_big.jpg 2x" 
来自动判断显示哪一张图像。

最新文章

  1. Win8 Metro动态加载内容框架
  2. windows 下编译log4cxx(x64)
  3. web学习第一章
  4. monitor disk
  5. XHTML表单
  6. socket基础
  7. HTTP访问的两种方式(HttpClient+HttpURLConnection)整合汇总对比
  8. cnblogs用户体验
  9. 设置sudo不输入密码 sudoers 编辑出错后的补救方法
  10. 去重 oracle
  11. Smarty控制foreach输出数量
  12. Windows系统命令行net user命令用法
  13. c++ 命名空间 以及 作用域 函数参数 面向对象实验报告
  14. hdu5673 Robot 卡特兰数 / 默慈金数
  15. 把JavaScript对象转化成JSON对象
  16. 菜鸟在ubuntu 16.04下制作am335x的SD卡启动盘反思
  17. ElasticSearch入门介绍一
  18. FZU 2273 Triangles 第八届福建省赛 (三角形面积交 有重边算相交)
  19. JDK环境变量的配置1
  20. linux 学习之路(学linux必看)

热门文章

  1. Unity中OnGUI绘制贪吃蛇
  2. js用for循环为对象添加事件并传递参数
  3. 各个函数消耗的时间profiling和内存泄漏valgrind
  4. 导出可执行的jar
  5. c#中WebBrowser控件的使用方法
  6. python复制--笔记
  7. SoundPool 音频播放 详解 示例
  8. HDU3757
  9. PHP编写的SVN类
  10. asp.net微信开发第六篇----高级群发(文本)