![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
1. 引入方式 2.下载图片使用方式 这两种方式安全么![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
想逃的猫
生活不过是见招拆招
获得徽章 0
- 关于手机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 - 我一个前端 干嘛要想不开啊。。干嘛要操心有没有原型的事情，干嘛要想35页需求文字直出设计图的混乱，干嘛要替他人考虑需求描述与其口中描述的是非常矛盾的？我干嘛呀？我不说话只等psd不就好了吗，真欠。赞过 53
