Retina 显示屏
2024-10-21 16:37:20
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"
来自动判断显示哪一张图像。
最新文章
- Win8 Metro动态加载内容框架
- windows 下编译log4cxx(x64)
- web学习第一章
- monitor disk
- XHTML表单
- socket基础
- HTTP访问的两种方式(HttpClient+HttpURLConnection)整合汇总对比
- cnblogs用户体验
- 设置sudo不输入密码 sudoers 编辑出错后的补救方法
- 去重 oracle
- Smarty控制foreach输出数量
- Windows系统命令行net user命令用法
- c++ 命名空间 以及 作用域 函数参数 面向对象实验报告
- hdu5673 Robot 卡特兰数 / 默慈金数
- 把JavaScript对象转化成JSON对象
- 菜鸟在ubuntu 16.04下制作am335x的SD卡启动盘反思
- ElasticSearch入门介绍一
- FZU 2273 Triangles 第八届福建省赛 (三角形面积交 有重边算相交)
- JDK环境变量的配置1
- linux 学习之路(学linux必看)