야후는 높이를 최소 높이로 변환한다

나는 야후 메일이 모든 높이 속성을 최소 높이로 변형시키고 있다는 사실을 발견했다. 이 문제를 해결할 수있는 방법이 있습니까?야후는 높이를 최소 높이로 변환한다

<div style="width:55px; height:55px; overflow:hidden;"> 
    <img alt="user pic" src="assets/main.jpeg" width="55px" /> 
</div>

위 코드의 목표는 이미지의 하단 부분이 55 픽셀보다 큰 경우 숨기는 것입니다. 나는 이것을 hotmail과 aol에서 테스트했으며 잘 동작한다. 오직 야후 분 높이로 내 높이를 변환하는 것 같다

<div style="width:55px; min-height:55px; overflow:hidden;">

최대 높이를 높이 값으로 설정할 수 있습니까? – JRulle

나는했으나 여전히 변모했다. 또한 Gmail을 테스트 한 결과 Yahoo와 동일한 기능을 수행합니다. –

그 이유는 테이블이 유감스럽게도 html 전자 메일 서식을 지정하는 공통적 인 이유 일 수 있습니다. – JRulle

당신이 그것을 55 또는 56px의 최대 높이를주는 시도? 당신이 그렇게한다면 높이는 당신이 원하는 곳으로 강요하지 않을 것입니다. 또는 JS로 높이를 설정할 수도 있습니다 (지원되는 경우). JS와

max-height:56px

document.getElementById('div_id').style.height = '55px';

2014-07-11 23:51:05 Kale

나는 이미 max-height를 시도했지만 yahoo와 gmail 모두 min-height로 변환되었다. 가능한 경우 내 이메일 템플릿에서 js를 피하려고합니다. –

는이 문제를 해결하려면 다음

이 <head> 또는 <body>에 배치됩니다 <style> 태그에 height: 55px;을 넣습니다. 야후! 메일에 height 속성이있는 경우 <style> 태그에 정의되어 있습니다.

Gmail은 @media 쿼리를 지원하지만, height을 인라인으로 입력하는 것이 가장 좋습니다. Gmail은 이제 더 이상 height을 min-height으로 변환하지 않습니다.

2016-12-28 21:52:27

답변