![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
毎度お世話になっております。
http://oshiete.goo.ne.jp/qa/7773302.html(簡素化したHTMLを書けるようCSSを勉強中です)
http://oshiete.goo.ne.jp/qa/8296498.html(html5とcss3、 jQueryで動きのあるメ)
上記の各質問で、ある程度のサイトは出来ました。
今度はもう一段階レベルを上げて、フィーチャーフォン・スマートフォン・タブレット端末・パソコンの各デバイス毎、画面の向き毎にデザインを変える方法を調べてみたのですが、
http://oshiete.goo.ne.jp/qa/7793385.html
のように、@import"●●"でやる方法と、.htaccessを用いての振り分けというのはよく聞くのですが、両者の違いや、それぞれの注意点など、教えて頂けないでしょうか。
フィーチャーフォンは別にした方が良いとも聞きますが....
勿論、タブレット端末はパソコンと共通でも良いのかもしれませんし、スマートフォンの横とタブレット端末の縦表示も共通でも良いのかもしれませんが、分けておけば別のデザインにしたくなっても設定が楽だろうと思ったのですが、この考えは正しいでしょうか?
また、PHPで各パーツごとにファイルを分けているのですが、"body section section nav"の中のhtmlと"body section header nav"の中のhtmlは共通の『nav.html』を使い、"section nav"の方は左寄せ縦並び、20%幅とし、"header nav"の方は項目を減らし、"body section header"の幅80%で、20%幅の画像の右に表示したいと思っているのですが、そんなことは可能でしょうか?
また、私は各デバイスで共通の項目、例えば文字色やヘッダー情報、フッター情報などを『style.css』に書き、各デバイスで違う項目(プロパティ)のみ、各CSS『desktop.css tablet-lay.css tablet-erect.css s-phone-lay.css s-phone-erect.css c-phone.css』に書けば良いと理解していますが、問題は有りますか?
belatero.cmbc。j○
No.1ベストアンサー
- 回答日時:
HTML4.01の時代には、スタイルシートで
⇒外部スタイルシート( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
⇒カスケードするスタイルシート( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
に詳しく書かれています。
基本的には、基本的なmedia別のスタイルシート
・media="screen" media="print" 程度はほしい
・ついで、
1) 固定スタイルシート
2) 優先スタイルシート
3) 必要ならCSS3/HTML5のmediaqueryです。
@importは、細切れにするだけですから無関係
.htaccess、新しい端末が登場するたび設定を変更しなけりゃならないので非実用的
★基本はリキッドで作成して、それでもカバーできない時にMediaqueryを使うので良いかと。
デザインなんて所詮、作者の自己満足に過ぎません。大事なのはコンテンツです。デザインで訪問するのじゃなく、内容がも止めている物だからですよ。
⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
このページ、ブラウザの表示メニューからスタイルシートを選択するとデザインが変わる。しかし印刷するとURLまで印刷される・・。多くのデザインはリキッドなので、そのままスマホも幅広ディスプレイに対応している。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssは複数作る?
-
cssファイルの名称付け
-
cssで、ボタンのテキスト部分を...
-
外部CSSがモバイルで読み込まれ...
-
サイトを作る時のcssファイルは...
-
マイクロ(μ)の文字を半角で出...
-
outlook 文字を揃えたい。tab...
-
教えてください。
-
テーブル内の文字サイズを変更...
-
テキストエディタmiの表示文字...
-
MsgBoxについて
-
phpについてですかね、印刷ボタ...
-
縦書きのcssについて質問です。...
-
ワードでゴシックの文字を太く...
-
OpenOffice Calc basic で印刷...
-
メイリオをVimで使用する方法
-
IEとFirefoxで、H1タグのフォン...
-
フォルダ内の写真を画面幅にあ...
-
”ヒラギノ明朝Pro”をWindowsで...
-
コンボボックスのOPTIONごとに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
スタイルシート(CSSスタイル)...
-
複数のhtmlで同じcssファイルを...
-
cssで、ボタンのテキスト部分を...
-
エクセルファイルにCSSを読み込...
-
cssが反映されません
-
ドキュメントルートより上の階...
-
Dreamweaver のテンプレートで...
-
HTMLの CSSのファイルというの...
-
ブラウザでプレビューでCSSが反...
-
ワードプレスで太字が反映され...
-
CSSを最近始めました。実は、2P...
-
行と行の間を一行空けたいです
-
cssファイルを階層の異なるHTML...
-
BODYタグのstylesrcって?
-
dreamweaverでF12(プレビュー...
-
ページ上部の余白をなくしたい...
おすすめ情報