Apple Mail에서 HTML 메일의 요소 숨기기

Question

Apple 메일 클라이언트 (데스크탑 OS 및 iOS의 Apple Mail)에서 HTML 메일을 볼 때 요소 (예 : s 또는 s)를 숨길 수 있습니까?

아마도 CSS의 -webkit 속성을 통해 쉬운 방법이 있을까요?

Answer 1

저는 미디어 쿼리를 사용하여 여기에 몇 가지 추가 코드가 있다고 생각합니다. 그리고 나서 아무 것도 표시하지 않거나 차단함으로써 요소를 숨길 수 있습니다. 미디어 쿼리에 대해 알고 계시길 바랍니다.

<!-- iPhone standard resolution 320x460 (landscape not needed because all web apps start portrait on iPhone) --> 
<link rel="apple-touch-startup-image" href="splash-320x460.jpg" media="(device-width: 320px)" /> 
<!-- iPhone high resolution (retina) 640x920 pixels (landscape not needed because all web apps start portrait on iPhone) --> 
<link rel="apple-touch-startup-image" href="splash-640x920.jpg" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" /> 
<!-- iPad Portrait 768x1004 --> 
<link rel="apple-touch-startup-image" href="splash-768x1004.jpg" media="(device-width: 768px) and (orientation: portrait)" /> 
<!-- iPad Landscape 748x1024 (yes, a portrait image but with content rotated 90 degrees - allows 20px for status bar) --> 
<link rel="apple-touch-startup-image" href="splash-748x1024.jpg" media="(device-width: 768px) and (orientation: landscape)" /> 
<!-- iPad retina Portrait 1536x2008 --> 
<link rel="apple-touch-startup-image" href="splash-1536x2008.jpg" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" /> 
<!-- iPad retina Landscape 1496x2048 (yes, a portrait image but with content rotated 90 degrees - allows 40px for status bar) --> 
<link rel="apple-touch-startup-image" href="splash-1496x2048.jpg" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" /> 

Answer 2

예,하지만 iOS 기기에만 해당됩니다. Here's a full list.

그러나 미디어 쿼리를 통해 데스크톱 Mac을 시도하고 감지하는 것은 거의 불가능합니다. 대부분의 iMac에는 1920x1080의 디스플레이가 있으며, 모든 1080p 모니터와 동일합니다. 당신은 그들의 랩톱에 동일한 문제가있을 것입니다. 그리고 이메일에서 자바 스크립트를 사용할 수 없으므로 그런 식으로 브라우저를 감청 할 방법이 없습니다.

애플 메일은 GMail이나 Yahoo와 같은 웹 메일 서비스만큼 인기가 없다.