ブラウザーがズームインしたときに要素のデフォルト サイズを保持するにはどうすればよいですか。私の目標は、ユーザーがズームインまたはズームアウトしたパーセンテージに関係なく、要素のデフォルト サイズと位置を保持することです。
いくつかの有用な css プロパティ、transform scale および transform-origin に遭遇しましたが、目標を達成できませんでした。スケールがズーム レベルと一致しません。
誰かが私にいくつかの指針を与えることができますか?
var defaultScale = 1.0;
var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
var scale = defaultScale - (zoomLevel - defaultScale);
$('.popup-overlay').css('-webkit-transform', 'scale(' + scale + ')');