썸네일이 전체 크기로 표시됩니다

Question

나는 기본적인 html5/css 웹 페이지를 만들고 있습니다. 어떤 이유로 브라우저에서 페이지를 볼 때 미리보기 이미지가 전체 크기로 표시됩니다. 미리보기 이미지를 만들려면 페인트에 큰 원본을 열었습니다. 크기를 150px로 조정하고 높이를 185px로 계산했습니다. 그런 다음 엄지 손가락으로 저장했습니다. 내가 페이지를 볼 때

그러나

<a href="../media/BookCover.jpg"><img src="../media/tinCanBookCover_thumb.jpg" height="185" width="150" alt="Tin Can Crafts Book" title="Tin Can Crafts Book" ></a> 

, 내가 때문에 픽셀이 표시의 더 큰 크기로 작은 이미지를 볼 수있어 말할 수 있습니다

그런 다음 내 HTML 코드에서, 나는 다음과 같은이 . 이미지를 클릭하면 예상대로 전체 크기 이미지가 표시됩니다. 내 축소 이미지를 축소 이미지 크기로 표시하지 않는 이유는 무엇입니까? 나는 이것을 다른 곳에서 해봤 다. 스타일 시트를 찾는 데 문제가 있다는 것을 제외하고는 페이지가 유효하다는 것을 알고 있지만 페이지를 볼 때 스타일 시트가 변경된 것을 볼 수 있습니다.

Answer 1

나는 그것을 알아 냈다! 나는 100 % img를 만들기 위해 CSS를 가지고 있었다. 클래스를 일반 이미지 대신 첨부하도록 변경했습니다.