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

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/02/10 17:38:59
  • 終了:2014/02/17 17:40:03

回答(1件)

id:snow0214 No.1

snow0214回答回数470ベストアンサー獲得回数1162014/02/16 17:22:29

ポイント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以下の場合 */
以下同様

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません