关于测试页面适配的问题,这样操作可以吗?

image.png

测试页面适配的时候,调整这个百分比,请问是正规的做法吗?这样调完百分比,怎么知道此时此刻的页面是在哪个分辨率呢,用分辨率乘以百分比吗?

阅读 1.8k
3 个回答

要调下面的image.png, 这个才是具体化屏幕显示像素

一般来说可以通过拉升页面来查看页面响应式布局是否合适,其实一般来说只需要关注几种情况就可以了。
手机的竖屏横屏适配,
平板的横竖屏适配,
笔记本的 125%150% 缩放场景适配(一般笔记本都会默认125%或者150%,分辨率一般是1366px1920px),
桌面端的1440px1920px 分辨率适配。

手机 和 PAD 可以用 F12 的设备模拟器来模拟。笔记本和桌面端就只能通过拖拉窗口和修改系统缩放比例来调试了。

pc端的百分比就是和移动端的设备像素比(Device Pixel Ratio, DPR),乘以下面的分辨率就是真是分辨率。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题