- 締切済み
ホームページ全体を拡大・縮小表示するには
px値を指定して作ったページがあって 読み込んだ時にホームページ全体を拡大・縮小表示の指定するには どうしたらいいでしょうか? ipadのブラウザから見たらスクロールしないと 全体が見れなかったので、ページ全体を縮小させたいです。 $(document).ready(function(){ $("body").css("zoom","70%"); }); これを追加してみたんですが変わらなかったです。
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- 神崎 渉瑠(@taloo)
- ベストアンサー率44% (1016/2280)
<meta name="viewport" content="initial-scale: 0.7"> これでどうでしょうか。 むしろ、何もしなければ全体表示になったと思いますけどね。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
それらは、そのまま置いておいて、ページを少しずつ作り直していきましょう。 >ページ全体を縮小させたいです。 そんなことしたら、ウィンドウ幅が小さいと文字が小さくなって読みづらいし、それにあわせると文字などが間延びして抜けた感じになります。 元々 【引用】____________ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より ですから、ただ、そのために!!!HTML使ってウェブサイトを作るのですよ。 ページ幅を%などで指定して、min-widthとmax-widthを指定すればよいです。ユーザーが文字サイズを変更しても崩れないです。画像もCSS3を使えばウィンドウ幅に合わせられます。 例えば、 ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html ) ブラウザの表示メニュー→スタイルシートで、どのデザインを選択してもi-padだろうが幅広ディスプレイだろうが、フォントサイズを変更しようが、印刷しようが、スクリーンリーダーで読まそうが・・「どんな環境からもWebの情報を利用できるよう」になっている。 そして、HTMLもきわめて簡単でシンプル、検索エンジンもきっちりと拾ってくれる。 ナビゲーション デザイン- https://www.google.co.jp/search?q=%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3 javascriptなどの小細工をするよりは・・