前端开发或者测试的同志们，你们需要关注手机屏幕的 DPR 值吗？

[lostexile]

这几天遇到一个页面兼容的问题，在个别老型号的安卓手机上面会有按钮错位的问题。
大家也知道安卓碎片化的问题很严重，反馈过来之后测试部门也不知道哪个型号的手机屏幕是类似的规格。
请问各位平时都是怎么解决这种问题的呢？
尤其是 DPR 这种参数，手机官网没有，测评网站也没有。

[LabJo]

放弃冷门型号

[abelmakihara]

碰到过老小米 input 错位
这种真的没法解决 就普通的 input
我的建议是尽力就好..

[lostexile]

我在想，弄个查询网站，可以查所有机型的屏幕参数，包括模拟分辨率，物理分辨率，分辨比率，长款比之类的所有数据，各位同志觉得有必要吗？

[keyrinrin]

1 、使用等比缩放布局，rem ，vw 之类的
2 、css 尽量使用百分比值
如果是响应式布局的话要考虑的比较多，很难做到 100%适配

[wangtian2020]

移动端就百分比布局完事了

[hoopz]

@lostexile 记着好久以前有类似的网站，当时还在做 WAP 开发。

[abcd191898105]

那不是有 rem dp 值吗

[xiyan00]

按钮错位根 dpr 有关吗, 我是前端开发, 布局时完全不关心 dpr 这个值, 只在使用图片与绘图时使用 window.devicePixelRatio

[xiyan00]

@lostexile 有必要

[BG7ZAG]

@lostexile zol 中关村？

[lostexile]

@xiyan00

我遇到的情况是这样：底部向上展开的一个弹窗，关闭按钮在右上角，当遇到特殊机型的时候，右上角的关闭按钮就和小程序右上角的关闭胶囊重叠了。

[lostexile]

@BG7ZAG

我确实找了，能找到屏幕像素、尺寸和 PPI ，但是没有物理像素值和 DPR 值。
平时使用确实足够使用了，但是测试机型不全的时候想找个屏幕素质一样的手机，肯定不知道怎么搜。

[Yuanlaoer]

手机的参数信息，尤其是显示屏这一块儿，做测试和开发工作的时候，确实是时不时需要关注的。但这类网站也有不少，我每次都是直接谷歌，好像每次看到的都不是同一家网站。

弄个查询网站的话，肯定是有价值，但盈利情况如何，就是另一个故事了。

[juzisang]

遇到过一些很奇葩的机型，PPI 官方给得是个奇数，实际是个除不尽的数，在一些就要精确计算像素的场景，怎么搞都错位，遇到了只能给个 2-3px 的误差值...

[BG7ZAG]

@lostexile 看看手机中国，里面好像有 PPI 啥的 https://product.cnmo.com/series/1106/param.html

[lyxxxh2]

不看
把分辨率改成跟他一样
至于 dpr 多改几个值 试那个错乱呗
https://imgur.com/a/d0p09Wa

[APool]

https://uiiiuiii.com/screen/index.htm

[xiyan00]

@lostexile 你说的这个场景依然和 DPR 没有任何关系, 请使用小程序 API, getSystemInfo, getMenuButtonBoundingClientRect
如果你的职业是前端开发, 这种基础问题找了这么久都找不出问题所在, 到现在还归因于 dpr, 只能说即使是实习级别依然是不合格的

[Ashore]

冷门机型直接放弃就行了

[marcong95]

你想弄查询网站的话，那既然你已知型号网上都查不到 DPR ，那你查询网站的数据库怎么来呢？总不能把所有型号的手机都各买一台吧？

mydevice.io 之前印象中有收录过一些手机型号的相关信息，但是不齐全。刚刚上去看了下发现已经指向了这里

https://yesviz.com/viewport/