-
ID:ybhmGE さんの質問

Bootstrapを使ってテストページを1つ組んだのですが、スマホ対応はレスポンシブではなく、別に一からデザインして組もうとしてます。

ざっと調べると、メディアサイズかユーザーエージェント(UA)で判断して、PC/スマホそれぞれのCSSを読み込ませるようですね。しかし、HTMLは共通でCSSを分けてコーディングをするというのは、素人の自分にはムリです。全体が崩壊します。

スマホサイトをスクラッチでコーディングすることに抵抗はないのですが、これでは同じコンテンツなのに、PCとスマホのURLが二つできてしまいます。一つのURLでPC/スマホを振り分けてそれぞれのHTMLとCSSを読み込ませることは可能でしょうか。
いくつかのPC/スマホ対応サイトのソースを眺めていたら、一つのURLなのにソースは明らかに変わってましたので、どうやって振り分けているのだろうかと考えていたのですが、よくわからないのでどなたか教えて下さい。

みんなの回答 2 件

ID:R0eIDG さんの回答

urlが同じなのにソースが変わってるってことはphpとかプログラム使って動的に変えてるってことなんじゃないかな。

ID:ybhmGE

ご回答ありがとうございます。そうですよね。そんなめんどくさいことするわけないかと思ってましたが、みなさんやってるんですね。。。

ID:ufP9O8 さんの回答

phpや.htaccessで分岐が可能です。

ID:ybhmGE

ご回答ありがとうございます。バックエンドはRailsなんで、しこしこ書きます。。。

最終更新日:2013-07-30 (2,290 views)

関連するトピックス

ページ上部に戻る