一些移动端设备的devicePixelRatio

最新推荐文章于 2024-05-10 14:01:58 发布
最新推荐文章于 2024-05-10 14:01:58 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： 网站建设
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JasonRaySHD/article/details/89648213
版权

设备像素为:1.0 (-webkit-min-device-pixel-ratio)

所有non-Retina mac电脑
苹果iPhone(第一代)
苹果iPhone 3 g
苹果iPhone 3 gs
苹果iPad(第一代)
苹果iPad 2
苹果iPad迷你(第一代)
宏碁Iconia A500
三星Galaxy Tab 10.1
三星Galaxy S

设备像素为:1.3 (-webkit-min-device-pixel-ratio)

华硕MemoPad高清7
谷歌Nexus 7(2012型)

设备像素为:1.4 (-webkit-min-device-pixel-ratio)

诺基亚流光(Lumia)520

设备像素为:1.5 (-webkit-min-device-pixel-ratio)

谷歌Nexus S
HTC欲望
HTC Desire HD
HTC不可思议的年代
HTC速度
宏达电的感觉
Kindle Fire高清
三星Galaxy S II
索尼平板电脑Xperia Z
索尼Xperia U

设备像素为:2.0 (-webkit-min-device-pixel-ratio)

所有mac视网膜显示器
苹果iPhone 4
苹果iPhone 4 s
苹果iPhone 5
苹果iPhone 5度
苹果iPhone 5 s
苹果iPhone 6
苹果iPad(第三代)
苹果iPad 4
苹果iPad的空气
苹果iPad迷你(2rd代)
HTC一条X
谷歌的Galaxy Nexus
谷歌Nexus 4
谷歌Nexus 7(2013型)
谷歌Nexus 1

最低0.47元/天 解锁文章
一颗橡树
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动web开发之像素和DPR
weixin_34113237的博客
05-15 111
前面的话 　　像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识   定义 　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图...
设备像素比（devicePixelRatio）
热门推荐
xueli_2017的博客
06-12 2万+
设备像素比（devicePixelRatio） 定义 window.devicePixelRatio是设备的物理像素和设备独立像素device-independent pixels (dips)之间的比率。window.devicePixelRatio = physical pixels / dips dips 是一个抽象像素，用于向CSS中的宽度、高度、媒体查询和meta 的viewport 中...
CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
最新发布
2401_84153285的博客
05-10 991
一只笔的像素如下：这只笔在屏幕c,d,e下的显示效果如下：看到同一张图片在各屏幕显示大小不一。我们希望不同屏幕显示图片的大小要一致。我们要计算图片缩放比例。计算公式：(图片逻辑像素大小px1) / (图片缩放后实际像素大小px2) = (设备像素dp) / (设备独立像素dips)此时，这只笔在屏幕c,d,e下的显示效果如下：通过上面的我们可以看到，不同的DPR(设备像素比)要想显示大小一样，必须准备三张不同分辨率的图片，那么，我想一张图片就在三种不同的屏幕下显示一样的大小，能做到吗？
pixel(css pixel & device pixel)&resolution&css pixel(像素和分辨率)
xuchaoxin1375的博客
01-09 1826
pixel&resolution(像素和分辨率) css pixel & device pixel One pixel. For screen displays, it traditionally represents one device pixel (dot). However, for printers and high-resolution screens, one CSS pixel implies multiple device pixels. 1px = 1/96th
设备像素、css像素、设备独立像素、dpr、ppi之间的区别？
m0_60676278的博客
02-01 830
无缩放情况下，1个CSS像素等于1个设备独立像素设备像素由屏幕生产之后就不发生改变，而设备独立像素是一个虚拟单位会发生改变PC端中，1个设备独立像素 = 1个设备像素 （在100%，未缩放的情况下）在移动端中，标准屏幕（160ppi）下 1个设备独立像素 = 1个设备像素设备像素比（dpr） = 设备像素 / 设备独立像素每英寸像素（ppi），值越大，图像越清晰。
devicePixelRatio 像素比
u010467276的博客
01-06 383
把一个像素 放大至 N个像素去显示(N就是我们像素比的值) 举个例子: 如果像素比为2 <div style="width: 10px;height: 5px;background: black"></div> 那么，我们div实际所占的物理像素为2*10 我的电脑像素比是1.25 console.log(window.devic...
移动端webapp开发必备知识
02-21
移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端...经过分析和总结，我们可以得出这么一条公式：1CSSpixels=（devicePixelRatio）^2devicepixels（^2是平方的意思，至于devic
移动Web—CSS为Retina屏幕替换更高质量的图片
01-19
有很多设备的“devicePixelRatio”都大于1.5或者等于2（window.devicePixelRatio = 物理像素/dips）。我的三星项目就是个最新的iPhone和iPad版本设置了“devicePixeRatio”等于“2”。Retian似乎是屏幕显示的一种...
H5移动端适配 Flexible方案
09-01
JavaScript的`window.devicePixelRatio`可以获取当前设备的dpr，CSS中的媒体查询则允许我们针对不同dpr进行样式调整。 在Retina屏幕下，1个CSS像素对应4个物理像素，这意味着位图像素需要足够细腻以避免图片模糊。...
flexible:移动端自适应
05-08
dpr 是 devicePixelRatio 的简写，也就是屏幕分辩比(设备像素比率) 分辨率（Resolution） 屏幕区域的宽高所占像素数 完美视口 <meta name="viewport" content="initial-scale=1.0,width=device-width,user-...
移动端适配浅析
weixin_44935752的博客
06-03 636
移动端适配
常见手机的设备分辨率、viewport和devicePixelRatio
weixin_34228662的博客
07-26 2118
常见手机的设备分辨率和viewport分辨率,及其1rem的大小（以vmin为单位） 常见的devicePixelRatio是1, 1.325, 1.5, 2, 2.4, 3. (具体见下面的表格，从Chrome Emulator中导出的）。 BrandDeviceResolutionPixel Ratio Amaz...
介绍了各手机的像素密度_(-webkit-min-device-pixel-ratio)_响应式布局
10-17 8950
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio) 最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个
iphone各版本分辨率
jugt的博客
09-03 1606
机型的大小和像素【iphoneX 、iphoneXS、iphoneXSMax、iphoneXR】 手机型号 像素 开发尺寸 命名 Device pixel ratio iPhone XS Max 414 x 896 1242 x 2688 Default-1242h@3x 3 iPhoneXR 414 x 896 828 x 1792 Default-828h@2x 2 iPhoneX, XS 375 x 812 1125 × 2436 Default-812h@3x 3 iPh
设备像素比devicePixelRatio简单介绍
赚钱养自个儿的博客
05-02 1521
  目录一、定义二、浏览器支持三、其他一些系统、设备1、iOS2、Android3、视网膜MacBook四、其他相关属性小小结论五、参考文章     from 张鑫旭-鑫空间-鑫生活：http://www.zhangxinxu.com 转载自http://www.zhangxinxu.com/wordpress/?p=2568   因为不知道怎么直接从大佬张鑫旭的博客转载过来，可能我太笨了吧，所以...
CocosCreator引擎中designSize、visibleSize、frameSize的区别
楚游香的博客
05-03 888
1 简介 在使用CocosCreator引擎开发的过程中，如果需要做不同宽高比屏幕的适配或旋转，必定会接触到designSize、visibleSize、frameSize等不同属性，它们各代表什么意思？区别是什么？本文将解答这些问题，并总结这几个属性之间的推导公式。 2 定义 designSize 视图的设计分辨率。 运行中可通过以下代码获取： const designSize = view.getDesignResolutionSize(); 这是开发者自己在CocosCreator中设定的尺寸，代表
web移动端，需要清楚设备像素比devicePixelRatio的应用
weixin_33676492的博客
05-06 372
我们这里所说的devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持。 概念 devicePixelRatio ，它是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例，即 devicePixelRatio = 屏幕物理像素/设备独立像素  例如iPhon...
理解设备像素比devicePixelRatio
想搞全栈的前端
06-02 6557
定义 window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devicePixelRatio = 物理像素 / dips 理解 移动端的设备多种多样，不同的设备又有不同的分辨率，低一点的有 800 * 400，中等的有 1280 * 720，高的有 1920 * 108...
window.devicePixelRatio的兼容性
05-21
- 在移动端的浏览器中，大部分也支持 `window.devicePixelRatio`。 需要注意的是，不同设备的 `window.devicePixelRatio` 可能会有所不同，因此在编写响应式网页时，需要根据不同设备的像素比率来调整元素的大小和...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值