- #85
- #84
- #83
- #82
- #81
- #80
- #79
- #78
- #77
- #76
- #75
浏览器缩放与显示误差
如果你像我一样使用 4k 屏幕那么应该很常会使用到浏览器的缩放功能,因为在同尺寸的屏幕塞入更多像素后一切界面都会变得更渺小细致,这也导致我留意到一个独特的问题:浏览器缩放造成
1px
显示误差。举例在 Shadcn UI 或是 Google Search Console 都有偶然观察到这样的问题。关系到浏览器如何处理缩放后不满整数的像素的情况,由于屏幕的最小显示单位是
1px
,因此在最终显示时就会与预期相比出现差异。偏向各家浏览器应该如何应对像素缩放这个无解的问题,因此其实也没什么前端能尝试的。听说旧版本 Chrome 容易将
1px
线条在缩放后变成不显示,有一些变通方法可以参考看看。 - #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
- #1