パソコンと携帯で文字のサイズを変える方法は

質問

パソコンと携帯（スマホ）で文字のサイズを変える方法はありますか？
パソコンでサイトを作成してるのですが
パソコンのブラウザで見る分には良いのですが
同じサイトをスマホで見ると、字が小さくて読めません。

拡大すれば読めますが
教えてｇｏｏのように、拡大せずに携帯でも文字を読みやすくするにはどうすればよいでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

＞同じサイトをスマホで見ると、字が小さくて読めません。
　作り方がまずい(^^)
　そもそもHTMLは、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。
・・・【中略】・・・
　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 )］より

　その大原則を守っていれば、「同じサイトをスマホで見ると、字が小さくて読めません。」はないはずですね。
＞教えてｇｏｏのように、
　「教えて!goo」はOKWave( http://www.okwave.co.jp/index.html )のシステムを利用している関係で、とても古い手法ですので参考にはならないでしょう。HTTP要求ヘッダのuser-agentで動的に出力されています。次々に登場する新しいuser agentに対応し切れていません。

[対策]
・リキッドデザインで製作する
　100%基準で--640px～1000px程度に伸縮、スマホだと縦置きの場合その幅に縮小されるが横置きだと640px、幅広ディスプレイだと1000pxまで伸びる。
・それで足りない場合や、ユーザーインターフェースを変えるときはmediaQueryでスタイルシートを切り替える。
　が基本です。そうして置けば、スマホかパソコンじゃなく『様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器』さらに、プリンターや、検索エンジンにも対応するウェブページができる。

以前紹介した
　⇒ブログテンプレート作り　CSSで困ったことが・・・ - ホームページ作成ソフト - 教えて！goo( http://okwave.jp/qa/q8455241.html )
　のHTMLを試してご覧なさい。

お礼

ご回答ありがとうございます。