게시판에서 사용하면 안돼지만...ㅋ
보통 PC 버전일때 content 가 많아 모바일에서 숨겨놓을 필요시 제가 자주 사용하는 코드입니다
@media screen and (min-width: 0px) and (max-width: 420px) {
.layer01 { display: none; } /* 모바일에서 숨겨놓기*/ } @media screen and (min-width: 421px) and (max-width: 3000px) {.layer01 { display: block; } /* PC 에서 보이기 */ }
조금 노가다이긴 하지만 급할때 사용하긴 좋은거라 ^^
더 좋은 방법있으면 댓글로 의견 나눠주세요
댓글 7개
10년 전
제가 잘 모르는 것인지 모르겠는데,
혹시 min-width: 0px와 max-width:3000px 에 특별한 뜻이 있나요? ^^;
혹시 min-width: 0px와 max-width:3000px 에 특별한 뜻이 있나요? ^^;
10년 전
근데, display:none으로 처리해도 화면단에만 안보일 뿐이지 데이터는 다 불러오기때문에 성능이 좀 떨어질 것 같아요~
잉끼님 말씀처럼 아예 백단에서 데이터를 안불러와지게 처리하는 편이 더 나을듯합니다만...
전 못한다는 게 함정ㅎㅎ
잉끼님 말씀처럼 아예 백단에서 데이터를 안불러와지게 처리하는 편이 더 나을듯합니다만...
전 못한다는 게 함정ㅎㅎ
nanati
10년 전
저도 못해요 ㅋㅋ
말씀하신대로 display:none을 사용하면 데이터가 무거워 진다는 단점이 있지요 ㅠ ㅠ
그래도 HTML/CSS로만 처리할 수 있다는 장점이 ..하하하
(저같이 자바스크립트 같은거 모르는 초보들이 사용할 수 있는 것 같네요, 너무 무겁게 하지 않는 한에서 ㅎㅎ)
말씀하신대로 display:none을 사용하면 데이터가 무거워 진다는 단점이 있지요 ㅠ ㅠ
그래도 HTML/CSS로만 처리할 수 있다는 장점이 ..하하하
(저같이 자바스크립트 같은거 모르는 초보들이 사용할 수 있는 것 같네요, 너무 무겁게 하지 않는 한에서 ㅎㅎ)
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
2주 전 | 55 | |
| 199688 | 2개월 전 | 194 | ||
| 199687 | 2개월 전 | 183 | ||
| 199686 | 2개월 전 | 488 | ||
| 199685 | 2개월 전 | 110 | ||
| 199684 | 2개월 전 | 172 | ||
| 199683 |
 Gothrock |
2개월 전 | 171 | |
| 199682 |
비버팩토리
|
2개월 전 | 117 | |
| 199681 | 2개월 전 | 179 | ||
| 199680 | 2개월 전 | 165 | ||
| 199679 | 2개월 전 | 128 | ||
| 199678 | 2개월 전 | 206 | ||
| 199677 |
Gothrock |
2개월 전 | 214 | |
| 199676 | 2개월 전 | 130 | ||
| 199675 | 2개월 전 | 109 | ||
| 199674 | 2개월 전 | 270 | ||
| 199673 | 2개월 전 | 172 | ||
| 199672 | 2개월 전 | 173 | ||
| 199671 | 2개월 전 | 149 | ||
| 199670 | 2개월 전 | 131 | ||
| 199669 |
Gothrock |
2개월 전 | 217 | |
| 199668 | 2개월 전 | 146 | ||
| 199667 |
nekoieye
|
2개월 전 | 210 | |
| 199666 | 2개월 전 | 168 | ||
| 199665 | 2개월 전 | 463 | ||
| 199664 | 2개월 전 | 161 | ||
| 199663 | 2개월 전 | 270 | ||
| 199662 |
 하이루에야 |
2개월 전 | 152 | |
| 199661 | 2개월 전 | 129 | ||
| 199660 |
별찢이내린다샤랄랄라랄라
|
2개월 전 | 237 | |
| 199659 |
Gothrock |
2개월 전 | 156 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기