Gmail 블로킹 인라인 CSS 속성

이메일 템플릿을 만들고 있는데 주로 인라인 CSS를 사용하고 있지만 Gmail에서이 이메일을 받으면 내 인라인 CSS가 작동하지 않는 곳도 있습니다. 야후는 완벽하게 작동하지만 Gmail은 제대로 작동하지 않습니다.
여기Gmail 블로킹 인라인 CSS 속성

<div class="etitle" style="float:left; padding-top:5px; width:58%; margin-left:20px;">

이 CSS 속성은 메일 침프 또한 브라우저에서 작업하는 예입니다하지만 난 후 이메일을 보낼 때 이러한 CSS 속성은 Gmail에서 작동하지 않습니다. Gmail에서 이러한 CSS 속성을 차단하는 이유는 무엇입니까?
이것에 대해 약간의 지침이 필요합니다.

출처

2017-11-12 Awan

Gmail 클라이언트에서 설정 한 내용이 아닌지 확인 했습니까? –

네, 확인하고 또한 운이 좋지 않은 다른 Gmail 계정으로이 템플릿을 테스트합니다. – Awan

인라인 블록과 표준 CSS를 사용하여 Gmail에 보낸 이메일을 스타일링 할 수 있습니다. 대부분의 CSS 선택자, 속성 및 미디어 쿼리가 지원됩니다. 지원되지 않는 CSS 속성 및 선택 도구는 Gmail에서 무시할 수 있습니다.

supported CSS properties and queries의 전체 목록은 참조 가이드를 참조하십시오.

또한 예

<html> 
    <head> 
    <style> 
     .colored { 
     color: blue; 
     } 
     #body { 
     font-size: 14px; 
     } 
     @media screen and (min-width: 500px) { 
     .colored { 
      color:red; 
     } 
     } 
    </style> 
    </head> 
    <body> 
    <div id='body'> 
     <p>Hi Pierce,</p> 
     <p class='colored'> 
     This text is blue if the window width is 
     below 500px and red otherwise. 
     </p> 
     <p>Jerry</p> 
    </div> 
    </body> 
</html>

참조 : (캠페인 모니터에서) 지구상에서 가장 인기있는 모바일, 웹 및 데스크톱 이메일 클라이언트에 대한 complete breakdown of the CSS support.

출처

2017-11-12 09:51:57 Nick

답장을 보내 주셔서 감사합니다.하지만 인라인 CSS가 작동하지 않는 이유는 아직도 생각하고 있습니다. 어떤 곳에서 일하고 있지만별로 없습니다. – Awan

제 경험상 모든 클라이언트가 다르게 작동하므로 인라인 스타일이 항상 작동하지 않는다는 사실에 놀라지 않습니다. 공식 Gmail 지침을 따르는 것이 좋습니다. – Nick

나는 그것을 시도 할 것이다. 고맙습니다! – Awan

Gmail 블로킹 인라인 CSS 속성

답변

관련 문제