- ベストアンサー
PCサイトをスマートフォン対応に関して
- PCサイトをスマートフォン対応にするためのアドバイスを頂けませんか？
- PCサイトとスマートフォンサイトで異なるJavaScriptの読み込みを行いたいです。
- CSSのMedia QueriesでPCとスマートフォンを判別して対処していますが、うまく動作しないJavaScriptがあります。
- nori_007
- お礼率75% (145/192)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5087/13301)
関連するQ&A
- スマートフォンサイトの作り方
現在Media Queriesをつかった方法や jquery mobileを使用した方法など様々な方法で PC、タブレット、スマートフォンに対応する方法がありますが それぞれの使い分けや、メリット、デメリットを整理したサイトや 書籍などありましたら教えていただきたいともいます。 また体験談などもご教示いただけましたら幸いです。 中小企業の会社ホームページを作成するということでは やはり理想はjqueryでの構築がよいのでしょうか。 （個人的にはMedia Queriesのほうが重くなるのかなとも考えています） 非常にざっくりした質問で恐縮ですが 皆様のご経験を伺いたく質問させていただきました。
- 締切済み
- CSS
- スマートフォンサイトとPCサイトのURLを振り分け
PCと、携帯、スマートフォンで違うページを閲覧させたい場合は、どのようにしたらいいのでしょうか？ さらにスマートフォンに関してはandoroidとiphoneでも振り分けたいです 検索していたらPHPやJavaScriptや.htaccessなど様々な方法があるようなのですが どれが一般的なのか今ひとつわかりません ユーザーエージェントを判別するには、 PHPやJavaScriptや.htaccessなど様々な方法があるようなのですが できるだけ簡単な記述もしくは方法で PCと携帯、スマートフォン（スマートフォンならandroidとiphoneも振り分けたい）で 違うページを閲覧させる方法がありましたら 教えてください。お願いします。
- 締切済み
- ホームページ作成ソフト
- Media Queries スマホでのPC版表示
初心者ですので、おかしな質問かもしれませんが…。 Media Queriesを利用し、スマートフォンとパソコンで自動的にスタイルシートの切り替えをしたいと思っています。 更に、スマートフォン版、PC版への切り替えボタンを作成したいのですが、 スマートフォンでサイトを観覧した場合、Media Queriesによって強制的に読み込まれたスタイルシートを PC版のスタイルシートに切り替える良い方法はないでしょうか？ その方法自体（javascriptなどのプログラミングに関し知識が乏しいため、可能であれば詳しく 教えて頂るとありがたいです。）や、その解説もしくはヒントになるウェブサイトの紹介をして 頂けると助かります。 もしくはこの用語で検索すればヒントが得られるかもなどのアドバイスでも構いません。 よろしくお願い致します。
- ベストアンサー
- CSS
- Media Queries ってDBあるのですか？
メディアクエリってジャバクエリみたいにデータベースがあるのですか？ ホームページを持っているのですが、リアルで知り合いの人に、スマホで見るときPC表示で見づらいといわれてしまいました。( ；∀；) 前々からメディアクエリというものがあるのは知っていたのですが、どう探してもDLページにたどり着けません。 一応それらしきサイトは見つけたのですがこちらであっているでしょうか？⇒（http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/）Media Queriesと書いてあるので、おそらくここなのかなと思いますがいかがでしょうか。 本題に戻りますが、Media QueriesってメディアごとにCSSを振り分けるやつらしいのですが、記述方法がよくわかりません。（ここ見ました：http://dev.classmethod.jp/smartphone/device-media-queries/） JQueryみたいにDB（データベース）は無いのでしょうか？あるとすると、どのサイトにあるか教えてください。DBが存在しない場合、http://dev.classmethod.jp/smartphone/device-media-queries/に書かれていた通り<link href="css/iphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" >でいいのでしょうか。また、下記のように書く際はどのように記述すればよいのですか？”セレクタ@media ～”でいいのでしょうか？ <style type="text/css"> <!-- //--> </style> よろしくお願いします。(´・ω・`)
- ベストアンサー
- CSS
- PC・スマートフォンサイトの振り分けについて
パソコン用サイトと、スマートフォン用サイトを用意し、スマートフォンでパソコン用サイトにアクセスした場合に、スマートフォン用サイトに自動的に転送（振り分け）するようにしたいのです。 具体的には…。 例えば、 ＰＣサイトのアドレス：www.abc.com/index.html スマートフォンサイトのアドレス：www.abc.com/sp.html の場合、スマートフォンでＰＣサイト（www.abc.com/index.html）にアクセスした場合、自動的にスマートフォンサイト（www.abc.com/sp.html）に転送（振り分け）をしたいのです。 スマートフォンでＰＣサイト（www.abc.com/index.html）にアクセスした場合→スマートフォンサイト（www.abc.com/sp.html）へ自動的に転送したいのです。 その場合における、index.htmlに記述すべきJavaScriptの記述内容を教えてください。よろしくお願い致します。
- ベストアンサー
- HTML
- PCとスマートフォンでサイトの振り分けに関して
現在スマートフォンのサイトを構築しています。 事情がありスマートフォンのサイトと、PC用のサイトでは別サーバで運用します。 スマートフォンのサイトは、サブドメインを割り当てて運用する為、基本ドメインは同じになります。 PC用サイト http://www.example.jp/ もしくは http://example.jp/ でアクセスした場合、PCのサイトを表示します。 スマートフォン用サイト http://sp.example.jp/ でアクセスがあった場合、スマートフォン用のサイトを表示します。 現状PCでアクセスしても、スマートフォン用のサイトが表示しています。 振り分けをしたいのは、スマートフォン用のサイトにPCでアクセスした際、PC用のサイトを表示させたい。 PCで http://sp.example.jp/ にアクセスした際に、「.htaccess」ファイルの対応で http://www.example.jp/ を表示させたいと思います。 可能であれば逆にスマートフォンで http://www.example.jp/ もしくは http://example.jp/ にアクセスした場合 http://sp.example.jp/ を表示させたいと思います。 質問として １，上記の希望を「.htaccess」 ファイルで対処可能か ２，「.htaccess」ファイルで対処可能場合、具体的な記述を教えて頂きたい。 ３，「.htaccess」ファイル以外で、対処が可能場合その方法を教えて頂きたい。 自分なりに調べた範囲では、同一サーバ内でPC用のディレクトリ、スマートフォン用のディレクトリへ導く方法は参考になりましたが、今回は別のサーバになる為少し違うのではと思い質問させて頂きました。 参考にしたサイト http://html-five.jp/94/
- ベストアンサー
- CSS
- SEO対策している企業のPCサイトをスマートフォンに対応したさいに順位
SEO対策している企業のPCサイトをスマートフォンに対応したさいに順位が下がってしまう事例はありますでしょうか？ CSSだけの切り替えではなく、スマートフォン用のページを別途設けようと思っています。 ご教授いただければと思います！ よろしくお願いします☆彡
- ベストアンサー
- iPhone・iPad・iOS
- レスポンシブwebデザインでユーザに選択肢を与える
解像度別でスタイルが自動適用されるレスポンシブwebデザインについて、詳しい方へお伺いいたします。 例： http://www.webdesignerwall.com/demo/media-queries/ ※上の参考URLは違いますが、Media QueriesはjQuery Media Queries Plugin利用利用・W3C準拠前提。別の方法があればその方法も知りたいです。 端末別に4種類ほどデザインを用意した場合で、 例 http://mediaqueri.es/ ・携帯ユーザが最初にアクセスした時自動適用されたのが携帯用デザインで、 ・しかし携帯ユーザがその端末でく別サイズ用デザインを望んだとき、 ・携帯端末でも任意にCSSを選ぶことができ、 ・一度選んだら画面遷移後もPCサイズのCSSを適用 とすることはできるのでしょうか。 できるとしたら、そのためにはどのような方法（Javascript/Plugin）があるでしょうか。 そのようなサイトがあれば、参考URLも教えて頂けますと幸いです。 よろしくお願いいたします。
- 締切済み
- CSS
- スマートフォンサイトとＰＣサイトの切り替え方法
PCサイトとスマートフォンサイトをPHPを利用して、振り分けています。 それぞれファイルは別ファイルです。 PC：http://○○○/ スマホ：http://○○○/ip/ yahooやlivedoorのサイトにあるような、PC画面選択ボタン ※こんな感じのやつです。 <a href="～">PCサイト</a> ｜ スマホサイト を付けて、PC画面かスマホ画面を選択出来るようにする具体的な方法を教えて下さい。 現在は下記PHPコードで振り分けています。 <?php $ua=$_SERVER["HTTP_USER_AGENT"]; if((strpos($ua,'iPhone')!==false)||(strpos($ua,'iPod')!==false)||(strpos($ua,'Android')!==false)) { header("Location: http://○○○/ip/"); } ?> よろしくお願い致します。
- 締切済み
- PHP
- PC用サイトをスマホに最適化するためには？
こんにちは。 私は400ページくらいのサイトを運営しております。内容は映画関係。 どうやらHTML4.01にさえ準拠していないので、HTML5にするには相当時間がかかると存じます。それからCSSなどでスマホ用にも作れたらと思っています。 そのためにまずは既存の準拠していないページをスマートフォンで見られればいいかな！って思った次第です。でも見に来た人がスマホなのかパソコンなのか判断するのにCSSやJavaScriptが必要なんではないのかな！？と考えています。 で、CSSやJSでスマホと判断したらスマホ用のページに飛ばすという。ただ、これは1つのページにつきPC用とスマホ用の2つのページを用意しなければならないのではと困惑しています。 どなたか、道を照らして頂けませんでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
