총 1200px 너비의 애니메이션 .gif가 있지만 120dpi에서 더 선명한 이미지를 위해 600px 너비로 축소하고 싶습니다. 다음은 메시지에있는 코드입니다. 올바른 너비로 표시되지만 높이가 잘못 표시됩니다 (높이가 정의되어 있지 않고 원하는 방식으로 자동 크기 조정되지 않음을 알 수 있습니다).
Outlook 2019는 잘못 표시되는 유일한 이메일 클라이언트입니다. 다른 모든 이메일 클라이언트에서는 괜찮아 보입니다. 또한 내 메시지의 다른 이미지 (.jpg)는 내가 원하는대로 정확히 표시되며 동일한 인라인 CSS를 포함합니다.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0; text-align: center"><a href="https://www.lookoptic.com/collections/screen-products" target="_blank"> <img alt="FRAMES FOR THE FAMILY | Make protecting your eyes from harmful blue light a family choice. With matching frames for adults and kids, we keep it easy for the whole family to keep their eyes healthy even while spending more time in front of screens than ever." border="0" src="https://d3k81ch9hvuctc.cloudfront.net/company/HQd5zH/images/57fbdbba-e232-441f-abc2-098444d1525f.gif" width="600" style="display: block; border: 0px; outline: none;
width: 100%; height: auto; max-width: 600px;background: #fff; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;" /></a> </td>
</tr>
</tbody>
</table>
어떤 아이디어? 미리 감사드립니다.
Outlook은 이미지의 스타일 시트를 무시합니다. 따라서 height
및 width
태그를 사용하여 Outlook의 동작을 지시하고 최신 전자 메일 클라이언트가 필요한 방식으로 작동하도록 할 수 있습니다.
Outlook의 애니메이션 이미지가 600px x 600px 인 경우 다음과 같이하십시오.
<img src="#" width="600" height="600">
그런 다음 다른 클라이언트의 경우 인라인 style
시트를 추가 합니다 (예제에서했던 것처럼.
<img src="#" style="width: 100%; height: auto; max-width: 600px;" width="600" height="600">
이것은 Outlook에서 지원되는 모든 이미지 형식에서 작동합니다.
행운을 빕니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다