PCの画像とスマホの画像の表示を分けたいのですが
CSSのみで表現する方法はありませんか?
メディアクエリを使用して上手く出来ませんでしょうか?
imgをdisplay:noneして、background-imageにするくらいしか無いでしょうか?
メディアクエリを使って、次のように場合分けさせることができます。
@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件)