一些移动端设备的devicePixelRatio

最新推荐文章于 2023-04-30 21:47:09 发布
原创 最新推荐文章于 2023-04-30 21:47:09 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文列举了不同设备的devicePixelRatio，从1.0到3.0，涵盖苹果、三星、诺基亚、HTC、谷歌、摩托罗拉、华为、索尼、LG和小米等品牌的各种型号，包括iPhone、iPad、Galaxy系列、Nexus系列和Lumia系列等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

设备像素为: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 10
摩托罗拉极限摩托
三星Galaxy S三世
三星Galaxy注意二世
索尼Xperia年代

最低0.47元/天 解锁文章

200万优质内容无限畅学
常见手机的设备分辨率、viewport和devicePixelRatio
weixin_34228662的博客
07-26 2300
常见手机的设备分辨率和viewport分辨率,及其1rem的大小（以vmin为单位） 常见的devicePixelRatio是1, 1.325, 1.5, 2, 2.4, 3. (具体见下面的表格，从Chrome Emulator中导出的）。 BrandDeviceResolutionPixel Ratio Amaz...
移动web开发之像素和DPR
weixin_34113237的博客
05-15 147
前面的话 　　像素在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 中...
pixel(css pixel & device pixel)&resolution&css pixel(像素和分辨率)
xuchaoxin1375的博客
01-09 2007
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 1238
无缩放情况下，1个CSS像素等于1个设备独立像素设备像素由屏幕生产之后就不发生改变，而设备独立像素是一个虚拟单位会发生改变PC端中，1个设备独立像素 = 1个设备像素 （在100%，未缩放的情况下）在移动端中，标准屏幕（160ppi）下 1个设备独立像素 = 1个设备像素设备像素比（dpr） = 设备像素 / 设备独立像素每英寸像素（ppi），值越大，图像越清晰。
vue3,v-chart如何配置devicePixelRatio
最新发布
07-17
用户提到“devicePixelRatio”，这通常指的是设备的像素比，影响图表的清晰度。v-chart是一个基于Vue的图表库，它可能使用ECharts或其他底层库。 我需要回想v-chart的相关知识。v-chart是ECharts的Vue封装，所以...
600 * window.devicePixelRatio,
03-13
另外，考虑到不同设备可能有不同的缩放设置，比如用户调整了浏览器缩放比例，这时候devicePixelRatio可能会变化，所以需要提醒在代码中动态获取这个值而不是硬编码。 可能还需要提到常见的用例，比如在高DPI屏幕上...
quick使用window.devicePixelRatio报错
04-24
首先，`window.devicePixelRatio`是浏览器提供的属性，用于获取设备的像素比。如果用户在非浏览器环境（比如Node.js或某些框架的非客户端代码）中使用它，就会报错，因为`window`对象不存在。这时候需要检查代码运行...
window.devicePixelRatio的兼容性
05-21
- 在移动端的浏览器中，大部分也支持 `window.devicePixelRatio`。 需要注意的是，不同设备的 `window.devicePixelRatio` 可能会有所不同，因此在编写响应式网页时，需要根据不同设备的像素比率来调整元素的大小和...
devicePixelRatio 像素比
u010467276的博客
01-06 474
把一个像素 放大至 N个像素去显示(N就是我们像素比的值) 举个例子: 如果像素比为2 <div style="width: 10px;height: 5px;background: black"></div> 那么，我们div实际所占的物理像素为2*10 我的电脑像素比是1.25 console.log(window.devic...
常见的移动端H5页面开发遇到的坑和解决办法
叶落无痕的博客
12-08 4216
转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，..
移动端笔记
weixin_45687657的博客
04-30 114
identifier | `此 Touch 对象的唯一标识符`. 一次触摸动作(我们指的是手指的触摸)在平面上移动的整个过程中, 该标识符不变. 可以根据它来判断跟踪的是否是同一次触摸过程. **只读属性.** || pageX | 触点相对于HTML文档左边沿的的X坐标. `当存在水平``滚动的``偏移时, 这个值包含了水平滚动的偏移`. **只读属性.** |//让根元素的字号大小等于屏幕的宽度，那么屏幕的总宽度就是1rem。ios上的Safari浏览器也是无效的。
media媒体查询
lamanchas的博客
10-12 496
转载地址：设备像素比 转载地址：CSS3 Media Queries 媒体类型type： all，适合所有设备。默认print：适用于盲文处决反馈设备。embossed：换页盲文打印机。handheld：手持新设备（小屏幕，宽度有限）priny：打印预览模式projection：放映机screen：计算机彩屏speech：语音合成器--aural（css2）tty：电传打字机，以
设备像素比devicePixelRatio简单介绍
寒风问雪的专栏
12-13 1457
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2568 本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。
iphone各版本分辨率
jugt的博客
09-03 2032
机型的大小和像素【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
移动端基础
fdsal的博客
01-07 258
移动端基础 像素的相关问题 1.物理像素(像素点) 整个屏幕是由一个个的点组成的，每个屏幕上的点一定是有限的，现在的技术还做不到无穷个点组成屏幕。那么这些有限的点就叫做像素，或者叫做物理像素(physical pixel)。 2.分辨率 如上图，每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式，就叫做分辨率。比如，小米11。 屏幕尺寸相同的手机，包含的像素点个数是不确定的，像素点越小，同一方向上容纳的像素个数就越多，图像显示就越精细。如下图： 所以，我们都喜欢买像素高的手机。 3 1
设备像素比(devicePixelRatio)
weixin_34050427的博客
03-09 226
前言 　　设备像素比(devicePixelRatio)：设备物理像素与设备独立像素的比值。可以通过window.devicePixelRadio来获取。 　　设备物理像素：设备能显示的最小单位。 　　设备独立像素：独立于设备的用于逻辑上衡量像素的单位。 　　如果设备总是以物理像素来显示内容，可能导致内容太小而看不清。浏览器就会对内容做一次放大后再渲染。这个放大比例就是设备像素比。...
介绍了各手机的像素密度_(-webkit-min-device-pixel-ratio)_响应式布局
10-17 9064
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio) 最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个
移动端1px问题解决方案
qq_45489665的博客
05-02 839
产生的原因： 写代码时一般使用设备独立像素来对页面布局。而在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象： 解决方法： 1.小数值px 设备像素比devicePixelRadio=2=物理像素/css像素=1px/0.5px，物理像素为1px，设置设备像素比=2，css像素设为0.5px，详情如下： 缺点： 兼容性差，目前之余IOS8+才支持，在IOS7及其以下、安卓系统都是显示0px。 2.background-im
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值