반응형 웹 - 모바일 디자인 작업 사이즈 질문
본문
보통 일반적인 미디어쿼리 모바일 구간이 768아래부터 모바일로 잡는걸로 알고 있습니다.
이때 디자인 파일을 현재는 720으로 잡고 디자인을 합니다. (640은 이제 적절하지 않다고 생각하여)
이렇게 되었을 때, 미디어쿼리는 768인데 디자인은 720사이즈로 잡는게 뭔가 모순이 된다고 생각이 드네요.
보통 모바일 시안 잡을 때 가로 사이즈는 얼마로 잡으시죠?
그리고 태블릿역시 얼마로 잡으시죠?
답변 1
가로 사이즈를 따로 정하지않고 태블릿포함해서 너비는 100%로 작업하는게 손이 덜 가죠.
[항목] [항목] [항목] 과 같이 가로로 나열될 항목들도 너비 몇px로 정하는게 아니라 퍼센테이지 너비로 33.33%를 준다든가 하는 방식으로요.
이미지의 경우 원본 이미지를 좀 큼지막하게 잡아서 img {max-width: 100%;height: auto}와 같은 반응형이미지로 만들고 여의치 않을경우 이미지의 너비를 100%로 잡아서 강제로 늘어나게 합니다.
그리고 구형폰들을 고려해서 최소너비만 320px로 잡고 작업합니다.
모바일에서 너비를 px로 잡아서 작업하는것은 최근의 폰들의 해상도가 1280을 넘어서는 일도 있기에 추천하지 않습니다.
감사합니다
답변을 작성하시기 전에 로그인 해주세요.
