解像度別でスタイルが自動適用されるレスポンシブ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も教えて頂けますと幸いです。
よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
スタイルシートを選択できるなら代替スタイルシートですが・・そのメッセージが必要
わかりやすく簡単なのはCGIを使う方法です。
スタイルシートを選択して、その選択をcookieで保存する。path_infoなどでの方法も考えられますがSEO的にはcookieでしょうね。
[例]
⇒コンテンツ( http://hpcgi1.nifty.com/Iruka/contents.html )
の右側のボタン
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- LINE 【LINE】海外製端末に日本端末の電話番号を入力し、引き継ぎ(番号変更)をすることは可能ですか 6 2022/08/21 12:01
- デジタルカメラ 挿絵のデジタル画集の作り方をお教え下さい 2 2022/04/01 09:23
- その他(スマートフォン・携帯電話・VR) Audibleは便利ですか? 1 2022/07/21 12:31
- 格安スマホ・SIMフリースマホ 携帯電話料金を抑えたいです 8 2023/04/10 09:41
- 電子マネー・電子決済 楽天エディーでアマゾンギフト券が支払えない 2 2023/06/08 22:07
- その他(セキュリティ) IDと暗証番号・パスワードの管理の画期的かつ簡単便利な方法を考案した。他人に検証してもらう方法は? 5 2023/02/08 08:49
- ヨーロッパ 海外での携帯について ヨーロッパのドイツとデンマークに行こうと思っています。そこで携帯をどうしようか 6 2022/05/11 18:06
- 転職 転職活動中 会社選びで迷っています 3 2022/09/05 06:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
趣味でhtmlを勉強するのに適し...
-
この容量はテキストサイトとし...
-
ブラウザ切り替え
-
スマホ用のhtmlの覚え方
-
カラム落ちの何が悪いのか
-
パソコンと携帯で文字のサイズ...
-
レスポンシブデザインとは? ...
-
エラーが出ます
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
HTMLからフォルダを開きたい
-
form action="#"
-
iPadの標準ブラウザでローカルH...
-
<!DOCTYPE html>あってますか?↑
-
java_run.batがダウンロードで...
-
Excelで、社外秘(閲覧のみ)と...
-
セイヨウタンポポとカントウタ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
リンクの下線は消すのが普通?
-
カラム落ちの何が悪いのか
-
ホームページ制作、SPサイトの...
-
HPビルダーのフレームページ...
-
平均的なウィンドウサイズとは?
-
ソリッドレイアウトとリキッド...
-
レスポンシブデザインとは? ...
-
ホームページの携帯サイトの作...
-
デザインとコーディングは同一...
-
Windowsホームページ作成MACで...
-
ブラウザ切り替え
-
レスポンシブ 横1080px高解像度...
-
画面は固定と可変のどちらがい...
-
エラーが出ます
-
スマホ横幅が720px だけ 横が...
-
携帯電話(ガラケー)でのデザ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
おすすめ情報