이전
목록
다음
옴

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

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

반응형

42건
+
제목 글쓴이 날짜 조회
15-06-23 조회 2,255
15-06-23 조회 2,049
15-06-19 조회 1,494
15-06-19 조회 1,487
15-06-17 조회 1,288
15-06-12 조회 1,373
15-06-10 조회 1,308
15-06-10 조회 1,039
15-06-09 조회 1,312
15-06-09 조회 1,172
15-05-31 조회 1,465
15-05-28 조회 1,075
15-05-27 조회 1,877
15-05-27 조회 1,259
15-05-26 조회 1,275
15-05-26 조회 1,586
15-05-26 조회 1,083
15-05-26 조회 1,126
15-05-26 조회 1,511
15-05-26 조회 1,346
15-05-26 조회 1,298
글쓰기