想逃的猫的个人主页 - 动态

6天前

jym, 网站引入iconfont 图标侵权吗

1. 引入方式 2.下载图片使用方式这两种方式安全么

19

11天前

jym, 要去朋友家暖房啦（新房入住），大家推荐带点什么呢，给些建议吧~

赞过

38

1

12天前

关于手机DPR计算以及逻辑宽度的确定？ AI回复如下：【根据如下回复内容，感觉移动端适配何不直接用px?】
以小米 15 Ultra为例，核心逻辑是：DPR = 物理像素宽度 ÷ 逻辑宽度。
第一步：明确已知参数
小米 15 Ultra 的屏幕分辨率为 3200×1440 像素
逻辑宽度：设备用于网页布局的虚拟像素宽度（即 CSS 中px对应的单位），由厂商根据屏幕尺寸和用户体验优化设定。小米 15 Ultra 的逻辑宽度为 384px。
第二步：计算 DPR=3.75

【关键疑问】：逻辑宽度 384px 是如何确定的？
逻辑宽度并非随意设定，而是厂商根据屏幕物理尺寸和视觉舒适度优化的结果，确保 CSS 布局在屏幕上显示的 “实际物理大小” 符合用户习惯（比如 12px 的文字既不太小也不太大）。
以小米 15 Ultra 为例，其屏幕尺寸为 6.73 英寸（对角线长度），宽高比为 1440:3200（约 9:20）。通过屏幕尺寸可反推物理宽度（水平方向的实际长度）：
屏幕对角线的像素长度 = √(1440² + 3200²) ≈ 3509 像素（勾股定理）。
已知 1 英寸 = 25.4 毫米，6.73 英寸屏幕的物理对角线长度 = 6.73 × 25.4 ≈ 170.9 毫米。
每物理像素的实际长度 = 170.9 毫米 ÷ 3509 像素 ≈ 0.0487 毫米 / 像素（即 1 物理像素≈0.0487 毫米）。
若逻辑宽度为 384px，结合 DPR=3.75，1 逻辑像素对应的物理像素数量为 3.75，因此 1 逻辑像素的实际物理长度 = 3.75 × 0.0487 ≈ 0.183 毫米。
这个数值符合移动端的视觉舒适标准：
12px 的文字在屏幕上的实际长度 = 12 × 0.183 ≈ 2.2 毫米（人眼在正常距离下清晰可辨）；
整个屏幕的物理宽度 = 384 逻辑像素 × 0.183 毫米 / 逻辑像素 ≈ 70.3 毫米（约 7 厘米，符合 6.73 英寸手机的握持和视觉体验）。

根据以上回复，既然逻辑宽度是厂商针对视觉舒适度优化得到的结果，那么移动端适配，就不需要执着于使用rem了，何不使用px直接解决？感觉像pc端网站适配移动端的情况，完全就直接用px单位就好了啊？不知道理解的对不对?

展开

赞过

1

赞了这篇沸点

前端开发工程师

·

21天前