みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

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

投稿日時 - 2014-02-05 22:22:43

QNo.8463069

困ってます

質問者が選んだベストアンサー

>同じサイトをスマホで見ると、字が小さくて読めません。
 作り方がまずい(^^)
 そもそも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のように、
 「教えて!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を試してご覧なさい。



 

 

投稿日時 - 2014-02-06 09:52:01

お礼

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

投稿日時 - 2014-03-04 13:31:31

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問