●HTMLのコード
<link rel="stylesheet" media="(min-width: 480px)" href="mahu.css"> <link rel="stylesheet" media="(max-width: 480px)"href="mahusp.css">●PC用CSSのコード
@media print, screen and (min-width:480px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.mahu{
width: 300px;
height: 300px;
position: absolute;
top: 30px;
left: 400px;
}
}
●スマホ用CSSのコード
@media screen and (max-width: 480px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.mahu{
width: 170px;
height: 170px;
position: absolute;
top: 80px;
left: 0px;
}
}
画面を作成した後、スマホにも対応させようと思いスマホ用CSSの.mahuのコードを書いたのですがPCのページにも影響が出てしまいます。
htmlで各々のlinkコードを記述しているので影響はないと思ったのですが上手くいきません。
どのようにしたらよいのでしょうか?
回答よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。