web-dev-qa-db-ja.com

デフォルトでHTMLページをズームする

ブラウザのズームが90％のときにボタンが見栄えの良いページを設計しましたが、デフォルトでは他のユーザーはブラウザで100/125％+で表示し、ボタンと入力フォームが重複します。

そのため、JSPページの読み込み時にズーム値をデフォルトで90％に設定します。

どうすればいいですか？そのような設定を行った後、ページをズーム不可にすることができますか？またはこれのためのより良い解決策はありますか？

htmlcssjsp
13
Code

次のように解決しました、

cSSで

#my{
zoom: 100%;
}

現在、デフォルトでは100％ズームで読み込まれます。 290％のズームを与えてテストし、デフォルトでそのズーム率でロードしました。ユーザーがズームを変更するかどうかはユーザー次第です。

これは最善の方法ではありませんが、別の効果的な解決策があります

スタックオーバーフローのページコードを確認します。ボタンがあり、順序付けられていないリストを使用してこの問題を解決します。

22
user1733583

Jsでは、ズームを変更できます

document.body.style.zoom="90%"

しかし、FFでは機能しません http://caniuse.com/#search=zoom

Ffについては、試すことができます

-moz-transform: scale(0.9);

次のトピックを確認してください FirefoxとOperaでHTML要素をズームするにはどうすればいいですか？

7
Vasiliy Vanchuk

より良い解決策は、ページをズーム設定に依存させないことです。提案しているような制限を設定すると、アクセシビリティが制限されます。誰かがあなたのテキストをうまく読めない場合、彼らはそれを変更することができません。適切なCSSを使用して、ズーム時に見栄えを良くします。

あなたが本当に主張している場合、JavaScriptを使用してズームレベルを検出する方法に関する悪夢を見てください（悪夢！）： すべての最新のブラウザでページのズームレベルを検出する方法？

4
lucas.sa