테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

옴바
프로필 보기이 회원 글보기
 · 10년 전 · 992 · 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로만 처리할 수 있다는 장점이 ..하하하
(저같이 자바스크립트 같은거 모르는 초보들이 사용할 수 있는 것 같네요, 너무 무겁게 하지 않는 한에서 ㅎㅎ)

게시글 목록

번호 제목
133
반응형화 요즘 부트스트렙말고 다른 반응형을 보고있는데요 8
128
반응형화 모바일 퍼스트? 4
120
반응형화 macaw 같은 툴? 7
112
반응형화 반응형 공부 중인데....... 7
107
반응형화 반응형화 소모임 활성화를 위하여 4
101
반응형화 어디 cordova관련해서 좀 쉽게 설명된 곳 없을까요?? 5
93
반응형화 반응형 책은 무엇을? 7
86
반응형화 전 오늘부터 아미나 빠돌이가 될테에욧.. 6
75
반응형화 난 누군가 또 이건 무언가... 10
67
반응형화 부트스트랩 사용시 7
64
반응형화 급하게 작성하나 했습니다 2
62
반응형화 휴~ 1
51
반응형화 반응형홈페이지 고려사항 10
42
반응형화 (그누보드 기반) 반응형 웹에서 가장 *** 점은? 8
37
반응형화 그누보드 반응형화..... 모임 4
32
반응형화 [질문] 미디어 쿼리 사이즈 질문 4
30
반응형화 저만 그런가요? 1
24
반응형화 반응형... 과연 익스 6 7 8 과 친해져야 하는가?? 5
16
반응형화 제가 작업 할때 사용하는 setting.css 입니다 ^^ 7
8
반응형화 게시판에서 사용하면 안돼지만...ㅋ 7 현재글
1
반응형화 그누보드 반응형화 시키기 모임 6
이전
전체 목록