電子書籍の厳選無料作品が豊富!

px値を指定して作ったページがあって
読み込んだ時にホームページ全体を拡大・縮小表示の指定するには
どうしたらいいでしょうか?

ipadのブラウザから見たらスクロールしないと
全体が見れなかったので、ページ全体を縮小させたいです。

$(document).ready(function(){
$("body").css("zoom","70%");
});
これを追加してみたんですが変わらなかったです。

A 回答 (2件)

<meta name="viewport" content="initial-scale: 0.7">



これでどうでしょうか。


むしろ、何もしなければ全体表示になったと思いますけどね。
    • good
    • 1

それらは、そのまま置いておいて、ページを少しずつ作り直していきましょう。


>ページ全体を縮小させたいです。
 そんなことしたら、ウィンドウ幅が小さいと文字が小さくなって読みづらいし、それにあわせると文字などが間延びして抜けた感じになります。
 元々
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
 ですから、ただ、そのために!!!HTML使ってウェブサイトを作るのですよ。

 ページ幅を%などで指定して、min-widthとmax-widthを指定すればよいです。ユーザーが文字サイズを変更しても崩れないです。画像もCSS3を使えばウィンドウ幅に合わせられます。
 例えば、
 ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
 ブラウザの表示メニュー→スタイルシートで、どのデザインを選択してもi-padだろうが幅広ディスプレイだろうが、フォントサイズを変更しようが、印刷しようが、スクリーンリーダーで読まそうが・・「どんな環境からもWebの情報を利用できるよう」になっている。
 そして、HTMLもきわめて簡単でシンプル、検索エンジンもきっちりと拾ってくれる。
ナビゲーション デザイン- https://www.google.co.jp/search?q=%E3%83%8A%E3%8 …
 javascriptなどの小細工をするよりは・・
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!