シンプル - 800 x 600 のレイアウトがあります。Ctrl キーと + キーを押すと、ズームインして見栄えがよくなります。
同じことを行う CSS/Javascript の方法があるかどうか知りたいですか? ユーザーがそれを行う必要はありません (ユーザーがそれを実行せず、小さなレイアウトが表示されるため)。
同じ質問が誰かによって投稿されましたJavascript / CSSを使用してIEの「光学ズーム」機能を設定すると、良い返事がありませんでした。
シンプル - 800 x 600 のレイアウトがあります。Ctrl キーと + キーを押すと、ズームインして見栄えがよくなります。
同じことを行う CSS/Javascript の方法があるかどうか知りたいですか? ユーザーがそれを行う必要はありません (ユーザーがそれを実行せず、小さなレイアウトが表示されるため)。
同じ質問が誰かによって投稿されましたJavascript / CSSを使用してIEの「光学ズーム」機能を設定すると、良い返事がありませんでした。
zoom CSS プロパティがありますが、これは CSS3 の一部であり、おそらく広くサポートされていません。JavaScript を使用して要素にこれを設定するとbody
、ページ全体をズームできます。
リンク先の質問に対する回答の感情には同意しますが、ズーム設定を選択するのはユーザー次第である必要があります。サイトが大きすぎたり小さすぎて表示できない場合は、サイトのデザインに問題があることを示しています。
公共図書館の縦向きの画面から、巨大な横向きの画面と小さな画面を備えた超微細なアートワークのMacまで、すべてのデザイン(実際には、ターゲットを絞ったスタイルシートなしで賭けます)が、今日の非常に異なるサイズの画面に対応できるわけではありません。小さなラップトップ-後者の2つは、ブラウザのズーム機能がどのように機能するかを理解しておらず、ひどい視力と忍耐力がほとんどないエグゼクティブによってよく使用されます。
私の提案は、Marcggが提案するような相対的なサイズ設定を使用することです。非常に柔軟になりたい場合は、javascriptまたはbrowserhawk(または同等のもの)を使用して画面サイズを測定し、実際にはレイアウトで機能しないスタイルシートに切り替えることができます。
すべてのサイズを動的に設定できます (em
フォント、%
div/画像サイズに使用)。次に、javascript を使用してメイン ラッパーとメイン フォント サイズを変更します。
CSS スイッチングを使用することもできます。すべての色などを 1 つの css ファイルに入れます。次に、3 つまたは 4 つのレベルのズームを作成し、既存のすべてのクラスに対して異なるサイズをハードコードします。
例:
main.css
a{color:red;}
small.css
a{font-size:10px;}
medium.css
a{font-size:12px;}