Chrome 110% 表示で header_navi 「カゴの中を見る」が段落ち

[seasoftjapan]

Chrome 131.0.6778.205, 131.0.6778.265
Windows 11 Pro 23H2 (OS上のディスプレイスケーリング: 150%)

80% 表示でも発現する。他は大丈夫だった。多分、OSのスケーリング設定により再現状況・発現倍率は異なる。

[seasoftjapan]

Microsoft Edge でも再現を確認した。
バージョン 131.0.2903.146 (公式ビルド) (64 ビット)

Firefox では再現しなかった。
134.0.1 (64 ビット)

[seasoftjapan]

倍率変更していると、開発者ツール上の計算済み幅 (px 単位) に、端数が発生する要素が見られた。

CSS で px 単位指定している要素でも、img の実画像幅に依存している要素でも見られた。しかし、両者は同一の px 数であっても、増減が異なる場合がある。

(例)
CSS width 121 px → 120.990 px
img 121px 幅画像 → 121.003 px

[seasoftjapan]

#1125 では、発生しない。

flex を使っており、幅の設計に余裕がある。