사라지고 나타나고~ : 미디어쿼리
뷰포트가 800px 이하일 때, ad-area, header, main, footer가 다 사라지고 article만 남게 하려면? chatGTP 이렇게 작성하세요. /* 뷰포트의 가로 너비가 800픽셀 이상일 때 .ad-area 요소를 보이게 하고, 800픽셀 이하일 때 .header, main, footer를 숨깁니다. */ @media (max-width: 800px) { .ad-area { display: none; } .header, .main, .footer { display: none; } } 왜 이렇게 안 쓰지? @media (max-width: 800px) { .ad-area, .header, .main, .footer { display: none; } chatGTP 예, 그렇게 쓰면 됩니..
2023. 7. 24.