css - ページをズームすると画像の位置がずれる

Question

問題の再現に問題があるため、実際のプロジェクト（テストページ）は次のとおりです。

http://benphilippi.com/ben-home-final.php

「ボタン」として、背景画像の上に一連のリンクされた画像を配置しています。

ページをズームすると、すべての画像がシフトします。最悪は110％で、125％は少し良くなります。

divをコンテナにラップし、divを完全に削除し、画像をdivの背景として設定しようとしましたが、これを修正できないようです。

どんな提案でもありがたいです、ありがとう。

Answer 1

寸法は px 単位で指定されます。ex 単位を使用して寸法を指定してみてください。これにより、テキストのサイズに応じてすべてのサイズと位置がマッピングされます。そのため、ユーザーがズームインおよびズームアウトすると、ページは均一に拡大縮小される必要があります。

括弧を付けて言えば、ブラウザでページをスケーリングしても問題はありませんでした。OS X で firefox を使用しています。