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

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

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

게시글 목록

번호 제목
301
좋은 반응형 웹 추천 받습니다.!
297
가장 흔한 반응형 홈페이지 기본 코드 소스 [kiss] 1
292
반응형 활성화 되면 좋으련만...
291
반응형 관련 정보 링크를 공개합니다. 1
290
반응형 모임에 반응하실 분들?
288
반응형 장단점.. 1
284
반응형화 반응형 소모임이 활성화되지 않아서 아쉽네요.. 2
282
반응형화 부트스트랩 4 알파 1
281
반응형화 플레스박스_1
276
반응형화 테마 지원 후엔 4
264
반응형화 반응형 디자인 11
251
반응형화 여러분들은 반응형 작업하실 때! 12
239
반응형화 MDL (Material Design Lite) 11
237
반응형화 서버측 반응형 웹은 어떤것이 있을까요? 1
234
반응형화 의무와 재미 사이 2
226
반응형화 부트스트랩 초보 질문~! 7
224
반응형화 플렉스박스 어렵네요.. 1
223
반응형화 [하루한글] 반응형 이미지
220
반응형화 [하루한글] 엘리먼트 쿼리 2
216
반응형화 [하루한글] 웹 컴포넌트 3
211
반응형화 [하루한글] 파운데이션 interchange 4
203
반응형화 Polymer에서의 반응형 웹 7
194
반응형화 G5 부트스트랩 어떻게 만드는게 좋을까요? 8
190
반응형화 부트스트렙 저도 공부중이긴 합니다. 3
179
반응형화 전진님이... 반응형에 대한 경험담을 올려달라길래.. 적어봐요 ..!! 10
168
반응형화 신입 직원들에게 반응형을 설명하다보면... 10
157
반응형화 부트스트랩 vs 파운데이션 10
154
반응형화 스타일 가이드, 패턴 라이브러리 2
148
반응형화 반응형 웹 in 2015 5
142
반응형화 안녕하세요 5
다음
전체 목록