-webkit-min-device-pixel-ratio的常见值对照

最新推荐文章于 2022-06-10 09:26:49 发布
最新推荐文章于 2022-06-10 09:26:49 发布
阅读量494 收藏
点赞数
分类专栏： web mobile开发资料 webkit私有属性集合 文章标签： -webkit-min-device-pixel-ratio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2245/article/details/82480136
版权

 

  前言：

 

    本文来自于对 http://bjango.com/articles/min-device-pixel-ratio/ 的部分整理：

 

  正文：

 

  • -webkit-min-device-pixel-ratio为1.0
  1. 所有非Retina的Mac
  2. 所有非Retina的iOS设备
  3. Acer Iconia A500 
  4. Samsung Galaxy Tab 10.1
  5. Samsung Galaxy S 

 

  • -webkit-min-device-pixel-ratio为1.3
  1. Google Nexus 7

 

  • -webkit-min-device-pixel-ratio为1.5
  1. Google Nexus S 
  2. Samsung Galaxy S II 
  3. HTC Desire
  4. HTC Desire HD
  5. HTC Incredible S 
  6. HTC Velocity
  7. HTC Sensation 

 

  • -webkit-min-device-pixel-ratio为2.0
  1. iPhone 4
  2. iPhone 4S
  3. iPhone 5
  4. iPad (3rd generation)
  5. iPad 4
  6. 所有Retina displays 的MAC
  7. Google Galaxy Nexus
  8. Google Nexus 4
  9. Google Nexus 10
  10. Samsung Galaxy S III
  11. Samsung Galaxy Note II
  12. Sony Xperia S
  13. HTC One X 
iteye_2245
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用CSS3-Media-Query技术适配Android平板屏幕分辨率和屏幕密度.docx
12-16
@media only screen and (min-device-height: 790px) and (max-device-height: 810px) and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.4) and (orientation: landscape) { ...
前端大厂最新面试题-前端综合面试.docx
最新发布
06-06
前端大厂最新面试题-前端综合面试 ...//devicePixelRatio=2设置meta <meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no"> //devicePixelRatio=3设置meta ...
-webkit-min-device-pixel-ratio: 2是什么意思？
weixin_33708432的博客
04-01 303
DPI（DPR） stands for Dots Per Inch which technically means printer dots per inch。 这个参数实际上量化了屏幕的物理分辨率和显示清晰度，比如iphone的DPR就是2，比一般的手机都要高。 同样的图片在不同手机上显示的效果就有很大不同，特别是对于apple设备，由于其DPR比较高，因此一般必须对其 应用分辨率高的图片...
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)
weixin_30352645的博客
03-24 148
最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个栗子： 以下是我摘抄并翻译的，想了解更多原文在尾部有链接哈~ -webkit-min-...
css3的 -webkit-min-device-pixel-ratio属性 解决高清的适配
热门推荐
迩菜flysun的博客
06-01 2万+
今天的学习到的-webkit-min-device-pixel-ratio来记住一下！！ 我们先想一下： 一般普通图在的1920*1080，是很正常的，但是如果放在的2k或者4K屏幕里面，背景图就是模糊掉，为什么呢？ 因为的正常的屏幕是的 1个像素，而高清屏幕是 4像素的点！ 如图 解决方案： 把之前的原图放大 ” 2 ” 倍的； 用的css处理之前的图的： 代码如下的： ...
设备像素密度测试 (-webkit-min-device-pixel-ratio)
程序员青戈
03-03 1337
定义： window.devicePixelRatio
响应式布局—设备像素密度(-webkit-min-device-pixel-ratio)
around_primary的博客
08-25 757
常见值对照表： -webkit-min-device-pixel-ratio: 1.0 All non-Retina Macs Apple iPhone (1st generation) Apple iPhone 3G Apple iPhone 3GS Apple iPad (1st generation) Apple iPad 2 Apple iPad mini (1st
前端大厂最新面试题-移动端面试题.docx
06-06
@media screen and (-webkit-min-device-pixel-ratio: 2) { .border { border: 0.5px solid #ccc; } } @media screen and (-webkit-min-device-pixel-ratio: 3) { .border { border: 0.333333px solid #ccc; ...
group-css-media-queries:CSS后处理
05-13
}@media all and ( -webkit-min-device-pixel-ratio : 1.5 ) , ( min--moz-device-pixel-ratio : 1.5 ) , ( -o-min-device-pixel-ratio : 1.5 / 1 ) , ( min-device-pixel-ratio : 1.5 ) , ( min-resolution : 138 ...
Java版水果管理系统源码-frontInterview:web前端面试经历
06-05
(-webkit-min-device-pixel-ratio: 2) { .border { border: 0.5px solid #ccc } } @media screen and (-webkit-min-device-pixel-ratio: 3) { .border { border: 0.333333px solid #ccc } } 使用边框图片 这样的1张6...
响应式布局1--媒体查询和-webkit-min-device-pixel-ratio
weixin_30645617的博客
01-07 297
-webkit-min-device-pixel-ratio其实就是这个玩意 window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例 公式表示就是：window.devicePixelRatio = 物理像素 / dips 关于媒体查询---例： @media only screen a...
-webkit-min-device-pixel-ratio值参考
Mr_Xiao_Ming2的博客
04-21 991
-webkit-min-device-pixel-ratio的常见值对比（是设备上物理像素和设备独立像素，设备像素比率）设备 分辨率 设备像素比率Android LDPI 320×240 0.75 Iphone 3 &amp; Android MDPI 320×480 1 Android HDPI 480×800 1.5 Iphone 4 960×640 2.0设备像素为:1.0    (-web...
手机 -webkit-min-device-pixel-ratio常用值
wangjingyi
04-14 376
[b]Devices with -webkit-min-device-pixel-ratio: 1.0[/b] All non-Retina Macs Apple iPhone (1st generation) Apple iPhone 3G Apple iPhone 3GS Apple iPad (1st generation) Apple iPa...
浏览器兼容性判断
野蛮女孩的博客
06-10 390
IE 6
屏幕适配常见知识理解---1基础
u010208165的博客
09-23 337
物理像素(physical pixel) 即设备像素，一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。买手机时那些销售告诉你的分辨率就是这个。 （这个行业还有一个毛病，分辨率本事设备的横向和纵向的像素数量，也就是宽和高，比如坚果3的分辨率应该是：1080x2160像素，但是销售时为了好看，商家逗将大数字放在了前面，写成2160x1080像素，这样更吸引人嘛，久而久之，大家都习惯这么做了，真是无语了） 设备独立像素(density-ind
web移动端，需要清楚设备像素比devicePixelRatio的应用
weixin_33676492的博客
05-06 373
我们这里所说的devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持。 概念 devicePixelRatio ，它是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例，即 devicePixelRatio = 屏幕物理像素/设备独立像素  例如iPhon...
uni-app移动端项目中 @1x、@2x 图 和 @3x 图 的解决方案，列举几种方案
05-26
@media screen and (-webkit-min-device-pixel-ratio: 1.5) { .img { background-image: url(path/to/2x/img.png); background-size: cover; } } @media screen and (-webkit-min-device-pixel-ratio: 3) { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值