Google Chrome で自分の Web ページをズームインまたはズームアウトすると、相互に正確に配置されているアイテムの位置が変わります。これにより、多くの問題が発生します。たとえば、特定のズーム レベルでは、div がそれを含む div に重なり、境界線が隠れてしまいます。同様に、100% マーカーが 100% ポイントと正確に一致しない場合があります。
ページをズームインまたはズームアウトしたときにアイテムの相対的な位置関係が変わらないようにする方法はありますか?
Google Chrome で自分の Web ページをズームインまたはズームアウトすると、相互に正確に配置されているアイテムの位置が変わります。これにより、多くの問題が発生します。たとえば、特定のズーム レベルでは、div がそれを含む div に重なり、境界線が隠れてしまいます。同様に、100% マーカーが 100% ポイントと正確に一致しない場合があります。
ページをズームインまたはズームアウトしたときにアイテムの相対的な位置関係が変わらないようにする方法はありますか?
フォント サイズに基づいて位置とサイズを変更する em 配置を使用できます。したがって、人々が control + または command + を好むと、ページは自動的にサイズ変更されます。エラスティック レイアウトに関するページです。お役に立てれば。
http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
私の経験では、左/下/右/下または右/上と比較しleft:
た px 値と px 値を使用するとうまくいくようです。top:
これは Chrome と FF の両方に当てはまります。IE についてはコメントできません。
例えば:
#my-element
{
list-style-type: none;
position: fixed;
left: 54px;
top: 40px;
}