![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
JavaScript は関係ないです。
<link rel="stylesheet" type="text/css" href="design-1.css"
media="only screen and (min-device-width: 1024px) and (max-device-width: 1280px)">
<link rel="stylesheet" type="text/css" href="design-2.css"
media="only screen and (min-device-width: 1281px)">
詳しくはメディアクエリ(Media Queries)で調べて下さい。
---
もっとも、メディアクエリは比較的新しいブラウザしかサポートしていません(モバイル Opera などは早期からサポートしていましたが)。そこで、三つの方策が考えられます。
(a). メディアクエリをサポートしない古いブラウザ向けにはシンプルなスタイルだけを提供する(メディアクエリをサポートしないブラウザは media="only..." を読み込まないので、スタイルが混ざる心配はない)。
(b). 古いブラウザでもメディアクエリを動かすスクリプトを使う。
(c). メディアクエリに関係なく、screen.width/availWidth で判断するスクリプトを使う。
私のお勧めは (a) です。スタイルを適用できるかが、スクリプト(の有効・無効)に左右されるようなことは避けるべきです。どうしても、ということなら (b)。最後の(あまり当てにならない)手段として (c) です。
この回答へのお礼
お礼日時:2011/09/12 21:33
お急がしいところ、ご回答ありがとうございます。
早速、調べさせていただきました。
メディアクエリとはcss3になるのですね。
まだまだ、勉強中なものでChaire様のような、ご回答をいただけるとても助かります。
本当にありがとうございました。
また、何かございましたら、ご教示の程よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS WEB上で文書のアイコンを配置する方法 2 2022/09/03 13:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleストリートビューAPIでイ...
-
動画の上に広告をオーバーレイ...
-
formのsubmitを押すとモーダル...
-
NoxPlayerとUWSCのadbの座標に...
-
「ご処理進めて頂きますようお...
-
CloseとDisposeの違い
-
VBAでループ内で使う変数名を可...
-
エクセルVBAで、MsgBox やInput...
-
エクセルで、日付を入力すると...
-
インタラクティブの反対語は?
-
アクセスVBAのMe!と[ ]
-
Excelシート上のマクロを登録し...
-
「PC Helpsoft Driver Updated...
-
メルカリのメルカードで買い物...
-
DoEventsがやはり分からない
-
UPS警告音を止めたい
-
【Excel】特定の文字を含むセル...
-
リョウ・・・量?料?
-
【VB】タブ切り替え時のイベント
-
Do~Loopした回数をカウントしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
確認ダイアログを次からは表示...
-
CSSでreadonlyの機能はあり...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
JavascriptのHTMLクラス表示に...
-
3重のクォーテーション
-
JavaScriptのinnerHTMLの挙動に...
-
特定の条件のHTML要素を一括で...
-
クリックすると、色が変わるよ...
-
jqueryを使ったスムーススクロ...
-
折りたたみを全て開いて別ペー...
-
jQuery 画面サイズにスライド画...
-
2回目以降のページロード時には...
-
Bootstrap Javascriptでモーダル
-
jQueryのSlickで矢印アイコンが...
-
javascriptとcssでフォントサイ...
-
JavaScriptのdiv.style属性の変...
-
フォームで「パスワード(確認...
-
macかwinか判別しスタイルシー...
-
javascript htmlの追記について
おすすめ情報