ブラウザのズームが90%のときにボタンが見栄えの良いページを設計しましたが、デフォルトでは他のユーザーはブラウザで100/125%+で表示し、ボタンと入力フォームが重複します。
そのため、JSPページの読み込み時にズーム値をデフォルトで90%に設定します。
どうすればいいですか?そのような設定を行った後、ページをズーム不可にすることができますか?またはこれのためのより良い解決策はありますか?
次のように解決しました、
cSSで
#my{
zoom: 100%;
}
現在、デフォルトでは100%ズームで読み込まれます。 290%のズームを与えてテストし、デフォルトでそのズーム率でロードしました。ユーザーがズームを変更するかどうかはユーザー次第です。
これは最善の方法ではありませんが、別の効果的な解決策があります
スタックオーバーフローのページコードを確認します。ボタンがあり、順序付けられていないリストを使用してこの問題を解決します。
Jsでは、ズームを変更できます
document.body.style.zoom="90%"
しかし、FFでは機能しません http://caniuse.com/#search=zoom
Ffについては、試すことができます
-moz-transform: scale(0.9);
次のトピックを確認してください FirefoxとOperaでHTML要素をズームするにはどうすればいいですか?
より良い解決策は、ページをズーム設定に依存させないことです。提案しているような制限を設定すると、アクセシビリティが制限されます。誰かがあなたのテキストをうまく読めない場合、彼らはそれを変更することができません。適切なCSSを使用して、ズーム時に見栄えを良くします。
あなたが本当に主張している場合、JavaScriptを使用してズームレベルを検出する方法に関する悪夢を見てください(悪夢!): すべての最新のブラウザでページのズームレベルを検出する方法?