如何解决用户对浏览器进行缩放或滚动鼠标滑轮、或调节屏幕显示百分比后,页面变形或显示不全
1.单独的响应式布局hold不住这个问题,因为出问题的是device-pixel-ratio
2.问题现象是高分屏下整好的东西,在普分屏下会放大;而普分屏下整好的东西,在高分屏上会缩小。
3.重现这个问题不需要高分屏,直接用Ctrl++或者Ctrl±出来的效果是跟高分屏一致的(所以搞定这个问题之后,也可以同时预防用户误触网页缩放)。另外恢复是Ctrl+Num0
4.解决的关键就是你得在媒体适配里写device-pixel-ratio单独适配像素比;另外,需要把绝大多数组件由px单位转换为rem单位,因为需要
原创
2022-07-05 17:11:39 ·
3008 阅读 ·
6 评论