반응형 웹 - 모바일 디자인 작업 사이즈 질문

반응형 웹 - 모바일 디자인 작업 사이즈 질문

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

반응형 웹 - 모바일 디자인 작업 사이즈 질문

본문

보통 일반적인 미디어쿼리 모바일 구간이 768아래부터 모바일로 잡는걸로 알고 있습니다.

 

이때 디자인 파일을 현재는 720으로 잡고 디자인을 합니다. (640은 이제 적절하지 않다고 생각하여)

이렇게 되었을 때, 미디어쿼리는 768인데 디자인은 720사이즈로 잡는게 뭔가 모순이 된다고 생각이 드네요.

 

보통 모바일 시안 잡을 때 가로 사이즈는 얼마로 잡으시죠?

 

그리고 태블릿역시 얼마로 잡으시죠?

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

흉내쟁이님의 답변

가로 사이즈를 따로 정하지않고 태블릿포함해서 너비는 100%로 작업하는게 손이 덜 가죠.

 

[항목] [항목] [항목] 과 같이 가로로 나열될 항목들도 너비 몇px로 정하는게 아니라 퍼센테이지 너비로 33.33%를 준다든가 하는 방식으로요.

 

이미지의 경우 원본 이미지를 좀 큼지막하게 잡아서 img {max-width: 100%;height: auto}와 같은 반응형이미지로 만들고 여의치 않을경우 이미지의 너비를 100%로 잡아서 강제로 늘어나게 합니다.

 

그리고 구형폰들을 고려해서 최소너비만 320px로 잡고 작업합니다.

모바일에서 너비를 px로 잡아서 작업하는것은 최근의 폰들의 해상도가 1280을 넘어서는 일도 있기에 추천하지 않습니다.

 

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 61,183 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 모던웹사이트제작, HTML5 CSS3

    참여17 회 시작18.05.23 09:55 종료18.05.28 09:55

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT