[반응형 CSS] 화면 크기에 따라서 요소 보이기/숨기기
본문
<style>
@media (max-width: 400px) {
#attendance_list .hidden {
width: 0 !important;
display: none !important;
}
}
@media screen and (min-width: 401px) {
#attendance_list .hidden {
}
}
</style>
<div id="attendance_list">
<table>
<tr>
<td>하나</td>
<td class="hidden">두울</td>
<td>세엣</td>
</tr>
</table>
</div>
브라우저 화면에 따라서 작은 화면(모바일)일때는 한줄을 안보이게 하려고 합니다.
이렇게 하면 될까 싶어서 구현해봤는데,
작은화면일때 안보이기는 하는데, 큰 화면으로 변경되도 계속 안보이네요
무엇을 변경해야 브라우저 화면을 변경함에도 잘 작동할까요?
답변을 작성하시기 전에 로그인 해주세요.
