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

게시판에서 사용하면 안돼지만...ㅋ > 반응형

반응형

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

반응형화 게시판에서 사용하면 안돼지만...ㅋ

본문

보통 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 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

15.05.26 10:41:01

저도 많이 씁니다 요거 ㅎ

옴바 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

15.05.26 10:44:10

요거 보다 더 좋은 방법 뭐가잇을까요? ㅠㅠ

잉끼 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

15.05.26 11:42:25

더 좋은 방법으로 하실려면, js나 서버단스크립트로 처리하셔야 합니다. ^^

전진 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

15.05.26 11:56:20

제가 잘 모르는 것인지 모르겠는데,
혹시 min-width: 0px와 max-width:3000px 에 특별한 뜻이 있나요? ^^;

nanati 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

15.05.26 12:58:40

아.. 그러게요; 안써도 되는 부분이네요 ^^

달오벌 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

15.05.26 13:04:14

근데, display:none으로 처리해도 화면단에만 안보일 뿐이지 데이터는 다 불러오기때문에 성능이 좀 떨어질 것 같아요~
잉끼님 말씀처럼 아예 백단에서 데이터를 안불러와지게 처리하는 편이 더 나을듯합니다만...
전 못한다는 게 함정ㅎㅎ

nanati 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

15.05.26 15:53:35

저도 못해요 ㅋㅋ
말씀하신대로 display:none을 사용하면 데이터가 무거워 진다는 단점이 있지요 ㅠ ㅠ
그래도 HTML/CSS로만 처리할 수 있다는 장점이 ..하하하
(저같이 자바스크립트 같은거 모르는 초보들이 사용할 수 있는 것 같네요, 너무 무겁게 하지 않는 한에서 ㅎㅎ)

반응형

본문

공유하기

댓글 7개