人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: makocan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● snow0214
●200ポイント

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

@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以下の場合 */
以下同様
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ