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

最新推荐文章于 2021-12-28 10:09:03 发布
最新推荐文章于 2021-12-28 10:09:03 发布
阅读量101 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/946060/blog/335617
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

  • -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 

转载于:https://my.oschina.net/u/946060/blog/335617

使用min-device-pixel-ratio媒体功能实现真正的1像素border
zzxboy1的博客
02-20 9920
过完了一个愉快的年，开始陆陆续续的继续在家学移动端开发的知识。 关于设备像素比的知识，想必做过移动端开发的都有接触，这里就不介绍啦，万一有不懂的可以看张鑫旭大神的设备像素比devicePixelRatio简单介绍由于设备像素比存在的原因，我们在处理设计图的一些边框时，对于1px的border，如果在代码里将其写死，可能在不同设备像素比的设备中，粗细不一样，尤其是在目前大多数设备像素比为2的设备中，
一些移动端设备的devicePixelRatio
JasonRaySHD的博客
04-28 1967
设备像素为: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 (-w...
响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)
weixin_30352645的博客
03-24 164
最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。 对手机分辨率和网页像素的初步认识是，是2倍的差别。 但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事： 举个栗子： 以下是我摘抄并翻译的，想了解更多原文在尾部有链接哈~ -webkit-min-...
设备像素密度测试 (-webkit-min-device-pixel-ratio)
程序员青戈
03-03 1372
定义： window.devicePixelRatio
使用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) { ...
css -webkit-text-stroke适配性
最新发布
10-10
`-webkit-text-stroke` 是 WebKit 内核（用于 Safari 和 Chrome 浏览器）的一个 CSS 属性，它允许...@media (-webkit-min-device-pixel-ratio: 0) { .webkit-stroked { -webkit-text-stroke: 1px black; } } ```
前端大厂最新面试题-前端综合面试.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 ...
css3的 -webkit-min-device-pixel-ratio属性 解决高清的适配
热门推荐
迩菜flysun的博客
06-01 2万+
今天的学习到的-webkit-min-device-pixel-ratio来记住一下！！ 我们先想一下： 一般普通图在的1920*1080，是很正常的，但是如果放在的2k或者4K屏幕里面，背景图就是模糊掉，为什么呢？ 因为的正常的屏幕是的 1个像素，而高清屏幕是 4像素的点！ 如图 解决方案： 把之前的原图放大 ” 2 ” 倍的； 用的css处理之前的图的： 代码如下的： ...
响应式布局1--媒体查询和-webkit-min-device-pixel-ratio
weixin_30645617的博客
01-07 344
-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 1045
-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 407
[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...
web移动端，需要清楚设备像素比devicePixelRatio的应用
weixin_33676492的博客
05-06 405
我们这里所说的devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持。 概念 devicePixelRatio ，它是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例，即 devicePixelRatio = 屏幕物理像素/设备独立像素  例如iPhon...
2021年12月28日10:08:48css3 中的min-device-pixel-ratio属性
shibaweijin的博客
12-28 359
min-device-pixel-ratio属性
响应式布局—设备像素密度(-webkit-min-device-pixel-ratio)
around_primary的博客
08-25 812
常见值对照表： -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
-webkit-min-device-pixel-ratio的顺序问题
dllyj86的专栏
06-05 352
因为非Retina屏的iPad的-webkit-min-device-pixel-ratio是1.0 Retina屏的设备是2.0。所以如果想对这两类设备分别设置css样式时，可以使用 @media screen and (-webkit-min-device-pixel-ratio: 1.0)和@media screen and (-webkit-min-device-pixel-rati...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值