レスポンシブデザインで質問です。

PCの画像とスマホの画像の表示を分けたいのですが
CSSのみで表現する方法はありませんか?
メディアクエリを使用して上手く出来ませんでしょうか?
imgをdisplay:noneして、background-imageにするくらいしか無いでしょうか?

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2014/02/17 17:40:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:snow0214 No.1

回答回数470ベストアンサー獲得回数116

ポイント200pt

メディアクエリを使って、次のように場合分けさせることができます。

@media only screen and (max-width: 979px) {
    Html{
        Width:100%;
    }
} /*デバイスの横幅が979px以下の場合*/
@media only screen and (min-width: 321px) and (max-width: 768px) {
    Html{
        Width:100%;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    header{
        Width:90%;
    }
} /* デバイスの横幅が320px以下の場合 */
以下同様

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません