モバイル版の作成について

質問

モバイル版の作成について

ホームページを作るにあたってURLを同じにしてPC版とモバイル版を作るには、CSSの切り替えで作成するのですか？
他の方法とかあれば教えてください。

回答No.3

metametamu · ベストアンサー

ホームページの情報量が少なく、モバイルでデザインにこだわらない時ならば１枚のhtmlであとはcssの切替えのみで対処します。
ですが、モバイルでもデザインにこだわりたい場合は別のhtmlを用意したりします。

１年前に簡単なモバイルサイトを作ったことがありますが、何よりモバイルでは少しでもファイルサイズを削るためにタグなどをかなり無理をしました。そうしなければ表示できない機種があったので。
余裕があれば3キャリアごとにページを作る方が良いくらいです。それぐらいスタイルの統一やモバイルに最適化するのは難しいです。
スマートフォンに限って言えばほとんど制限はないと思いますが、どこまでの機種に対応するか、デザインはどこで妥協するかによって答えは変わってきます。

回答No.2

ORUKA1951

DOCTYPEを含めて一枚のHTMLでよい。

＞ドコモだと外部CSSが適用されないようなのでstyle属性での記述になるかと…。
数が多くなると大変になりますね。

　外部スタイルシートを読まない端末のためタグの属性を使って指定する。
　CSSで上書きされる。
　　→6.4.4 CSS以外の手段による体裁指定の優先度（Precedence of non-CSS presentational hints）
　　詳細度は0なのでね。
★の数ほどある端末とブラウザ、いちいち書いていたら、必ず挫折する。HTMLはひとつしか書かない。

回答No.1

ORUKA1951

基本的には異なるCSSを適用させます。
<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet/standard.css">
<link rel="styleSheet" type="text/css" media="tty,handheld" href="./styleSheet/handheld.css">
<link rel="styleSheet" type="text/css" media="print" href="./styleSheet/print.css">

詳細は
14.2.4 出力メディア型 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.2.4 )
6.13 出力メディア ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/types.html#type-media-descriptors )
---以上HTML4.01仕様書
7.3 認識される媒体型（Recognized media types） ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/media.html#media-types )
---以上CSS2仕様書

お礼

ご回答ありがとうございます。
CSSの適用方法は分かりました。

DOCTYPE宣言もキャリアごとに振り分けしないといけないことになりますよね？
ちなみにJAVAでしています。

ドコモだと外部CSSが適用されないようなのでstyle属性での記述になるかと…。
数が多くなると大変になりますね。
頑張ってしてみます。