게시판에서 사용하면 안돼지만...ㅋ
보통 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 |
1주 전 | 10 | |
| 199718 |
thisgun |
1주 전 | 9 | |
| 199717 | 3주 전 | 21 | ||
| 199716 |
느긋한카키쿠키
|
3주 전 | 17 | |
| 199715 |
현대적인무질서한까마귀
|
3주 전 | 20 | |
| 199714 | 3주 전 | 24 | ||
| 199713 | 3주 전 | 33 | ||
| 199712 | 1개월 전 | 292 | ||
| 199711 |
안졸리니졸리니
|
1개월 전 | 144 | |
| 199710 |
 glitter0gim |
1개월 전 | 160 | |
| 199709 |
glitter0gim |
1개월 전 | 91 | |
| 199708 | 1개월 전 | 106 | ||
| 199707 | 1개월 전 | 240 | ||
| 199706 | 1개월 전 | 41 | ||
| 199705 | 1개월 전 | 29 | ||
| 199704 | 1개월 전 | 46 | ||
| 199703 | 2개월 전 | 57 | ||
| 199702 | 2개월 전 | 97 | ||
| 199701 | 2개월 전 | 111 | ||
| 199700 | 2개월 전 | 83 | ||
| 199699 | 2개월 전 | 88 | ||
| 199698 | 2개월 전 | 134 | ||
| 199697 | 2개월 전 | 99 | ||
| 199696 |
 Gothrock |
2개월 전 | 246 | |
| 199695 | 2개월 전 | 89 | ||
| 199694 | 2개월 전 | 119 | ||
| 199693 | 2개월 전 | 185 | ||
| 199692 | 2개월 전 | 195 | ||
| 199691 |
 샬롬이아빠 |
2개월 전 | 170 | |
| 199690 | 2개월 전 | 257 | ||
| 199689 | 2개월 전 | 160 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기