実現したいことは下記です。
downloadクラスが,,,
・900px以下では表示される
・901px以上では表示されない。
やり方わかるかたいますでしょうか。。よろしくお願いします。
追記1:ブラウザの検証機能ではdisplay:noneにすると消えるので901px以上で消えるようにしたいです。
index.html
1<div class="download"> 2 <p style=" 3 color: #fff;font-size: 20px;font-weight: bold;color: #fff;">今すぐ開始。</p> 4 <img id="mobile_qr_img" src="./images/QR_code.png" alt="QRコード"> 5 </div> 6
index.css
1 2.download{ 3 display:none; 4} 5... 6 7@media screen and (max-width:900px){ 8.download { 9 position: static; 10 padding: 28px 0; 11 background-color: #000; 12 font-size: 0; 13 height: auto; 14 margin-top:20px; 15} 16@media screen and (min-width:901px){ 17.download{ 18display: none; 19} 20} 21 22
回答2件
あなたの回答
tips
プレビュー