iOS Mail의 이미지 크기 축소

앱용 HTML 메일 템플릿을 만들고 템플릿에 440px 크기의 이미지가 포함되어 있습니다.iOS Mail의 이미지 크기 축소

내 아이폰에서 볼 때, 화면 너비를 초과합니다. iOS Mail이 이메일의 크기를 줄이면 (예 : Apple의 이메일) 나는 많은 시간을 보았습니다.

내가 잘못하고있는 것에 대한 아이디어가 있습니까?

.photo { 
    width: 400px; 
    height: 460px; 
    padding: 20px; 
    background: #fff; 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    position: relative; 
    overflow: hidden; 
} 
.photo img.main-photo { 
    max-width: 400px; 
} 
.photo div.caption { 
    width: 400px; 
    position: absolute; 
    bottom: 20px; 
    font-family: 'Indie Flower'; 
    height: 50px; 
    font-size: 20px; 
}

실제 HTML은

<div class="photo"> 
    <img src="{{ photo.images.standard_resolution.url }}" class="main-photo" /> 
    <div class="caption"> 
     {{ photo.caption.text }} 
    </div> 
</div>

UPDATE입니다 : 이미지 CSS 및 그것의 컨테이너 CSS는 여기 보이는 방법의 예입니다. 나는 폭을 삭제 만 최대 폭을 사용하여 화면을 넘어

enter image description here

출처

2011-04-22 Brenden

메일을 편집 할 때 또는받은 메일을 iOS Mail 앱에서 볼 때이 문제가 발생합니까? – Robin

iOS Mail 앱에서받은 메일보기 – Brenden

위의 초기 게시물을 방금 업데이트했습니다. – Brenden

시도 스트레칭 싶지 않다. 나는 그것이 당신의 문제를 해결할 것이라고 생각합니다.

출처

2011-04-26 12:06:36 Luuk

가 너무 넓 으면 비 망원경 iPhone은 320px입니다. 메일이 모바일 사파리와 비슷하다면 iPhone 4를 320px 와이드로 처리 할 수도 있습니다. 더 작은 크기를 시도 했습니까?

출처

2011-04-29 00:32:38

답변

관련 문제