请解释物理像素与逻辑像素的概念，并说明设备像素比（DPR）的定义及其在移动端开发中的作用。

回答思路

1. 【回答框架 1】物理像素是设备屏幕实际拥有的像素点数量，决定屏幕的分辨率。逻辑像素是CSS中使用的像素单位，是一个抽象概念，用于在不同DPR设备上统一布局尺寸。
2. 【回答框架 2】设备像素比（DPR）等于物理像素除以逻辑像素，即一个逻辑像素对应几个物理像素。DPR越高，屏幕显示越细腻，但同样逻辑尺寸下实际像素点更多。
3. 【回答框架 3】在CSS中，宽度为100px的元素在DPR为1时占100物理像素，DPR为2时占200物理像素，但视觉尺寸一致。这需要浏览器和系统进行缩放处理。
4. 【回答框架 4】在移动端开发中，DPR影响视觉稿尺寸、边框和图片清晰度。通常使用rem或vw单位，并结合窗口缩放或meta viewport适配。DPR为2或3时，需考虑高清晰度图片，否则会模糊。
5. 【回答框架 5】对于交互，点击区域尺寸建议不小于44x44逻辑像素，以保证易用性。DPR也影响touch事件坐标转换，触摸点坐标需乘以DPR才能映射到物理像素。
6. 【关键点 1】物理像素是设备硬件上的像素点数，逻辑像素是CSS抽象单位。
7. 【关键点 2】DPR等于物理像素除以逻辑像素，反映屏幕密度。
8. 【关键点 3】DPR高时，逻辑像素对应的物理像素多，视觉效果更清晰，但需注意图片和边框的模糊问题。
9. 【易错点 1】不能混淆物理像素与逻辑像素，否则会导致布局尺寸计算错误。
10. 【易错点 2】DPR高并不一定代表屏幕大，需结合视口大小考虑设计。
11. 【易错点 3】在PC端DPR通常为1，移动端常见2或3，不要默认所有设备DPR为1。