답변 1개 / 댓글 5개
채택된 답변
+20 포인트
모바일은 모바일기기 각각이 가지고 있는 ratio에 따라 이미지의 해상도가 결정됩니다.
최근까진 거의 1:2비율이였기때문에 2배로 제작하는 것이였고 그것은 PC용 너비를 기준으로 하기 보다는 보여질 모바일 해상도 기준입니다. 가령 320px 의 1:2비율이면 640px로 이미지를 만들어놓으면 최대 1:2비율의 모바일기기에서는 해상도가 맞아서 뿌옇게 보이는 현상이 없어지는 것이죠.
당연히 이미지의 너비는 모바일에서 차지할 너비입니다. 320px의 모바일기기에서 이미지 너비가 100%이면 가로너비 320px 로 맞춰지겠죠. 너비 50%면 160px뿐이 안되겠죠.
답변에 대한 댓글 5개
드래그때문에 그렇다면 다른 방법을 사용하셔요.
CSS 이벤트 제어(pointer-events ) 속성(http://webdir.tistory.com/506?category=607031) 참고하시어서 드래그를 제거할수 있을겁니다.
모바일에서는 실제원본이미지인 640px를 기준으로 배경이 깔리기때문에 보여지는 구간이 모바일 기기마다 다 달라지겠죠?
기본적으로 모바일에서의 이미지들은 반응형처리 img {max-width: 100%;height: auto;)와 같이 처리되야 합니다.
CSS 이벤트 제어(pointer-events ) 속성(http://webdir.tistory.com/506?category=607031) 참고하시어서 드래그를 제거할수 있을겁니다.
모바일에서는 실제원본이미지인 640px를 기준으로 배경이 깔리기때문에 보여지는 구간이 모바일 기기마다 다 달라지겠죠?
기본적으로 모바일에서의 이미지들은 반응형처리 img {max-width: 100%;height: auto;)와 같이 처리되야 합니다.
답변을 작성하려면 로그인이 필요합니다.
폰트 사이즈같은 경우는 psd디자인 시안 그대로 사용하는게 맞나요?