반응형 디자인 질문입니다

Question

물리적 해상도와 논리적 해상도에 대해 아시나요?제가 이해하기론 물리적 해상도는 실제 기기의 해상도를 나타냅니다.예를 들면, 2960 x 1848 이죠. 기기의 실제 스펙 해상도요.그런데 논리적 해상도는 기기 마다 다르긴 하지만, 보통은 2로 나눠서 1480 X 924 입니다. deviceRatio가 2이기 때문에 2로 나눈 것인데요.이 deviceRatio는 기기마다 다릅니다.실제로 예시로 든 기기는 2였기 때문에, 2로 말씀드렸고, 제 모바일 폰으로 접속하면 2.5라는 숫자가 나옵니다.브라우저 또는 os에서 자동 조절해서 고해상도일때, 글자가 작아보일 수 있으니까 해당 값으로 확대해서 보여준다고 합니다.그런데 이 개념을 대부분 잘 모르고 있더라고요. 저도 애매하게 알고 있다가 설명하려고 보니 잘 설명을 못해서 공부했고요.그런데 웹 디자이너분도 잘 모르고 계셨나봐요. 2960 x 1848기준으로 디자인을 하셔서, 왠지 디자인 수정을 많이 해야되지 않을까 하는 상황입니다.그럼 여기서 질문입니다. 앞으로 이런 일을 발생시키고 싶지 않습니다.이런 부분은 사전에 프론트엔드 개발자가 PM이나 웹 디자이너에게 잘 설명했어야 하는 부분일까요?아직 제품 제작 초기니까 지금이라도 빨리 내용을 공유해서 디자인을 변경하는 쪽으로 가야할까요?디자이너가 있는 반응형 웹 서비스 제품을 처음 작업하다보니 잘 몰랐습니다. 흑흑

몰랑토끼 · Accepted Answer

pc는 1920 모바일은 360이지만만약 이렇지 않다면 css작업할때 컨버터 함수 만들어서 2960기준으로 디자인된것이 1920에서의 비율이 되게 해서 작업하면됩니다.

반응형 디자인 질문입니다

1개의 답변

기술 목록