Html/CSS 브라우저가 작을 때 크기가 조정되지 않도록 픽처 크기가

Question

2 열 테이블의 맨 위에 배너가있는 이메일 템플릿을 만들었습니다. 상단 배너를 제외한 모든 것이 좋습니다. 이메일이 발송되면 창 크기가 배너 크기보다 작은 경우 사진의 크기가 조정됩니다.

메일 창 크기가 작은 경우 어떻게 사진의 크기가 자동으로 조절되지 않습니까?

<img style="width: 710px; height:191px;" alt="" src="banner.png" height="191" width="710" /> 

src이 갔다 전체 URL이 있습니다

이는 배너 내 코드입니다. 나는 단지 그림으로 줄인다.

Answer 1

CSS 파일에서 이미지의 크기를 설정하면 변경되지 않아야합니다.

.image { 
    width: 200px; 
    height: 200px; 
} 

그런 다음이 스타일을 이미지에 적용하십시오. 그것은 가장 가능성이 지원됩니다 그것을 웹 메일의 경우

Answer 2

는이/작동하지 않을 수있는 이메일 클라이언트에 따라, 그것은 CSS 지시어가 지원되는지 여부에 따라 달라집니다 또한

확인

img 태그의 부모가 요소의 너비 스타일이 적절합니다. 테이블에 colspan2로 포함 된 경우 테이블에 최소 너비 세트가 있는지 확인하십시오.