SIR
목록
이전글 다음글
옴

게시판에서 사용하면 안돼지만...ㅋ

옴바
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 10년 전 · 1057 · 7

보통 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개

nanati
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
저도 많이 씁니다 요거 ㅎ
옴옴바
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
요거 보다 더 좋은 방법 뭐가잇을까요? ㅠㅠ
잉잉끼
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
더 좋은 방법으로 하실려면, js나 서버단스크립트로 처리하셔야 합니다. ^^
전전진
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
제가 잘 모르는 것인지 모르겠는데,
혹시 min-width: 0px와 max-width:3000px 에 특별한 뜻이 있나요? ^^;
nanati
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
아.. 그러게요; 안써도 되는 부분이네요 ^^
달달오벌
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
근데, display:none으로 처리해도 화면단에만 안보일 뿐이지 데이터는 다 불러오기때문에 성능이 좀 떨어질 것 같아요~
잉끼님 말씀처럼 아예 백단에서 데이터를 안불러와지게 처리하는 편이 더 나을듯합니다만...
전 못한다는 게 함정ㅎㅎ
nanati
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
저도 못해요 ㅋㅋ
말씀하신대로 display:none을 사용하면 데이터가 무거워 진다는 단점이 있지요 ㅠ ㅠ
그래도 HTML/CSS로만 처리할 수 있다는 장점이 ..하하하
(저같이 자바스크립트 같은거 모르는 초보들이 사용할 수 있는 것 같네요, 너무 무겁게 하지 않는 한에서 ㅎㅎ)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고