HTML 도움말 : width = "100 %"이미지를 확장합니까?

Question

내 tumblr 블로그에 width="100%"을 사용하는 것을 좋아합니다. 내 블로그에 가로 스크롤 막대를 만드는 것이 고해상도 이미지를 멈추고 모든 이미지를 '포함'하지만 이미지를 흐리게 만드는 최대 크기로 작은 이미지를 확장하기 때문입니다. 이걸 어떻게 막을 수 있니? 고해상도 이미지가 포함되기를 원하지만 크기가 작은 이미지도 그대로 유지하고 싶습니다. 아니면 "쏟아져 나오는"고해상도 이미지를 "포함"하고 엄청나게 큰 다른 코드가있을 수 있습니까? 어떤 도움을 주셔서 감사합니다!

{block:Photo} <div class="photo-post"> 
{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-highres}" width="100%" /> </a>{LinkCloseTag} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} </div> {/block:Photo} 

나는 모든 대답하지만 행운을 위해 웹을 통해 검색 한 :

여기에 코드의 비트가입니다! 바라건대 누군가이 문제를 도와 줄 수 있기를 바랍니다.

Answer 1

대신 CSS 규칙을 사용할 수 있습니다 :

.post-or-whatever img { 
    max-width: 100%; 
}