Firefox에서 크기가 조정 된 이미지가 왜 그 아래에서 검은 선을 얻습니까? 다음과 같은 이미지를 가지고가는 경우

Question

: IMG 태그 HTML 파일에서

http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg 

장소를 다음 160 폭을 크기를 조정하지만 높이 설정을 설정하지 않고, 파이어 폭스에, 당신은이 표시됩니다 이미지 아래 추한 검은 선. 예를 들어

:

<img src="http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg" alt="" width="160" /> 

또는

<img src="http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg" alt="" style="width:160px;" /> 

(. 그 중요한 경우 내가 우분투 리눅스 8.04 LTS를 FF 3.6.3을 사용하고 있습니다)

참고 I 돈 아마 높이를 설정하고 싶습니다. 그 이유는 아마존 제품의 열에 잘 들어갈 수 있도록 너비를 변경하기 만하면 이미지가 재미있어 보일 것이기 때문입니다. 또한 이미지 높이를 항상 정확하게 예측할 수있는 것은 아니며 이미지를 검사하는 일부 API가 웹 사이트의 속도를 느리게 저하시킬 수 있습니다.

그렇다면 왜 검은 색 선이 나타나는지 생각해보십시오. HTML 또는 CSS에서이를 방지하기 위해 프로그래밍 방식으로 어떤 작업을 수행 할 수 있습니까? 참고 이미 이미지의 배경색 스타일을 #FFF로 설정하려고 시도했지만 여전히이 문제가 발생합니다.

Answer 1

브라우저가 왜곡되지 않도록 필요에 따라 JavaScript로 이미지의 크기를 조정하십시오. Opera와 Chrome 만 큰 이미지를 작은 크기로 "부드럽게 크기를 조정"하기 때문에이 작업을 수행합니다.