自動で携帯サイズに変換するには？

質問

パソコンでヤフーのトップページを見ると広く見えますが
携帯（スマホ）で見ると
携帯でも見やすくなります。
パソコンで表示されるページとはサイズが違います。
（自動で携帯サイズに変換される？）

グーグルの検索画面もそうです。

このようなページを自分で作るには
どうすればいいのでしょうか？

HTMLの知識だけでもできますか？

携帯用のページ、パソコン用のページと
二つのページを作ればいいのでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

というか、元々HTMLの最大の目的は!!!
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる
　・・・【中略】・・・
　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/CSSなのです。
様々な解像度や色深度のグラフィックディスプレイを持つPC、スマホなど
→　media="screen"
携帯電話、モバイル機器
→media="handheld
音声入出力機器
→media="speech"
印刷機
→media="print"
さらに、それぞれ様々な解像度/サイズがある

　それに対してたった一つのHTMLで記述できるのがHTMLの最大の利点であり、そのためにHTMLを使ってウェブページを作成するのですよ。

お礼

ありがとうございました。