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"
来自动判断显示哪一张图像。
相关文章
- 12-24看了就懂了,LCD拼接屏、LED显示屏、OLED显示屏三者的区别!
- 12-24树莓派触摸显示屏
- 12-24香橙派OrangePi zero2开发板连接3.5寸SPI LCD显示屏的使用方法
- 12-24Retina屏图片适配
- 12-24IOS 特定于设备的开发:监测Retina支持
- 12-24Retina 技术
- 12-24retina屏中1物理像素border的实现
- 12-24树莓派3B+ HDMI连接显示屏 因供电问题而不能进入系统
- 12-24液晶显示屏简介以及与CRT显示屏的对比
- 12-24三、解决android手机IMEI获取失败终极方案,自定义IMIE,主板+系统定制商+cup指令集+设备参数+显示屏参数+修订版列表等参数生成IMIEI