Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

CSS 미디어 쿼리로 > 자유게시판

본문 바로가기
사이트 내 전체검색

자유게시판

정보 CSS 미디어 쿼리로

페이지 정보

본문

오늘은 CSS 미디어 쿼리

 

각 폰별로 사이즈가 다르다 보니..  아이폰은 딱 정해져 있는데.. https://sir.kr/so_css/91

 

안드로이드 폰이 문제네요..

 

대략 320까지

380까지

480까지  3가지로 해서 툴바 메뉴가 10개정도 들어가게 만들어 봤습니다.

 

2줄로 안나오게 했으니,  부족한 메뉴는 2차 메뉴를 만들어 봐야 겠습니다.

 

추천1 비추천0

댓글목록

profile_image

마젠토님의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.♡.2) 작성일

Viewport size라고 하네요. https://viewportsizer.com/devices/  s20에 대한 정보가 업네요

profile_image

무와보님의 댓글

무와보 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (175.♡.♡.20) 작성일

이 부분의 가장 편한 해결은 em 아닐까 싶네요.
메뉴의 패딩값과 너비값을 em으로 해결하고 display값을 변화시켜주면 조금 더 단순화시킬 수 있을 것 같습니다.

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.♡.2) 작성일

분석을 해보니 3개정도면 대충 맞아 들어가는 것 같습니다.  시간 되면 em에 대해서 좀 보겠습니다.

profile_image

무와보님의 댓글의 댓글

무와보 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (175.♡.♡.20) 작성일

Viewport는 BS나 MD 기준으로 4개 혹은 3개가 처음부터 불문율이었습니다.
처음 Viewport가 선보일 때 예닐곱개를 뽑아쓰고 Portrait, Vertical을 구분해서 사용했는데 이제는 3~4개로 정리하는게 대세가 되어버렸지요.
이걸 조금 더 세심하게 표현하기 위해서 em 단위를 BS, MD 공통으로 사용하고 있구요.

profile_image

imerong님의 댓글

no_profile imerong 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (218.♡.♡.244) 작성일

절대값과 상대값의 편차에 대한 경험적 지식인가보군요. 암튼 100% 만족하는 SW 는 참 어려운것 같습니다.

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.♡.2) 작성일

안드로이드 폰이 지옥이네요

Total 1,553건 68 페이지
자유게시판 목록
번호 제목 글쓴이 조회 추천 비추천 날짜
548 제보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16521 1 0 05-14
547 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15240 1 0 05-14
546 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16737 1 0 05-14
545 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17783 1 0 05-14
544 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15233 0 0 05-14
543 유머 no_profile 민토르 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11455 1 0 05-14
542 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20284 2 0 05-13
541 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15320 1 0 05-13
열람중 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15957 1 0 05-12
539 토픽 아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 20228 1 0 05-12
538 토픽 no_profile 가이더 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15970 1 0 05-12
537 정보 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15999 1 0 05-12
536 유머 no_profile imerong 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12100 1 0 05-12
535 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 21871 1 0 05-10
534 토픽 마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19431 2 0 05-10

검색

회원로그인

회원가입
QnA nanoomihost. dnsever. dnszi.

사이트 정보

포인트 정책
포인트 순위
사이트명 : 아파치존
개인정보관리책임자 : JOO SUNG

접속자집계

오늘
4,317
어제
11,320
최대
176,238
전체
6,084,437
Copyright © apachezone.com. All rights reserved.