[戻る]
No.4195

PC用とスマホ用のCSSが適用される順番

キャラアイコン ファミリアさん 投稿日:2020/03/12(Thu) 17:19

上級モードで構築中ですが、メディアクエリでCSSを書いているところです。
@media screenで、768pxを境に
スマホ&タブレット⇔パソコン
を切り替えたいと思っています。
CSSはスマホとパソコンの両方ともに設定していますが
CSSが適用される順番は、スマホ用が先などはありますでしょうか。

私の確認ミスかもしれないのですが、ChromeのディベロッパーモードでCSSがうまく確認できず、ご教示ください。
例えば、パソコン用のCSSにまとめて記述するなどのほうがよいのでしょうか?
よろしくお願い致します。

key
No.4196

Re: PC用とスマホ用のCSSが適用される順番

キャラアイコン おたすけマイショップさん 投稿日:2020/03/12(Thu) 18:45 home

CSSの記述につきましてはスマートフォンやパソコン用としての優先度はございません。
追加されたCSSが適用されない原因としては、追加されたCSSよりも他のCSSにて優先されたCSSがある可能性がございます。
お手数をかけますが、ブラウザの開発者ツール(GoogleChromeの場合は対象箇所を右クリックして[検証]を選択)を使用して
適用されているCSSをご確認ください。

また、優先度と同様でパソコン用/スマートフォン用などのCSSは纏めるなどの制約はございません。
制約はございませんが、纏めて記載された方が管理しやすくなりますのでお勧めいたします。

key
No.4197

Re: PC用とスマホ用のCSSが適用される順番

キャラアイコン ファミリアさん 投稿日:2020/03/13(Fri) 15:43

あれから確認しました。
スマートフォン側の設定画面で、
パソコン用とスマートフォン用のCSSファイルを2つ登録し、@importで切り替えれば、確認できました。

本当にマニュアルや、使い方ガイドが更新されないと不便ですね。予定はないのでしょうか。

key
No.4198

Re: PC用とスマホ用のCSSが適用される順番

キャラアイコン おたすけマイショップさん 投稿日:2020/03/13(Fri) 16:52 home

ご要望いただき誠にありがとうございます。
マニュアルについてご不便をおかけしており申し訳ございません。
ご要望に添えるよう可能な限り改善に努めて参ります。

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

無料で本格的なネットショップ開業できるのは『イージーマイショップ』

- YY-BOARD -