모바일 %질문 드려요ㅠㅠ
도손
2023.04.01
모바일 넓이 640px로 디자인되었는데
모바일은
img{width:100%} 주고
%로 계산하더라구요~
%계산 어떻게 하는거예요?ㅠㅠㅠㅠㅠㅠㅠ
psd를 320px로 줄여서 계산하면 된다고하는데
모바일이 처음으라 도통 무슨말인지 모르겠어요^^;;
뷰포트설정은 아래껄로 했는데...
meta name=viewport content=width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi /
이미지 자를때는 포토샵엣 px단위로 자르는데
코딩할때 %로 어떻게 계산해서 코딩하는건가요?
쉽게 계산하는 방법 좀 알려주세요~
-
잉간
100%로 설정할 경우
모바일 기계의 width값이 320이라면 꽉차 보이겠죠
마찬가지로 모바일 기계의 width값이 640px이라도 꽉차보일 겁니다.
그런 의미로서의 100%입니다.
따라서 포토샵에서 이미지를 자를때 320px로 자른다면 넓이가 640px인 기계에서는 이미지 해상도가 깨져보일겁니다. -
도담
네이버 모바일이나 다음 네이트 소스를 한본 봐보시면 감이 오실꺼예요.