아이폰의 Gmail 앱을위한 html 템플릿을 축소하십시오.

나는 내 회사의 html 이메일 템플릿을 만들고 있습니다. 나는 HTML 전자 메일 템플릿의 일부가 다른 것보다 작게 보이도록 축소 아웃 문제가 있습니다.아이폰의 Gmail 앱을위한 html 템플릿을 축소하십시오.

내가 이메일은 세 부분으로 나누어 져 있습니다

@media only screen and (max-device-width: 380px) { 

    .mobileWidth { 
     width: 290px !important; 
    } 

    img { 
    max-width: 130px !important; 
    max-height: 130px !important; 
    }  

    .test { 
     width: 290px !important; 
     text-align: center !important; 
    } 

    .hideMobile { 
     display: none; 
    }   
    }

다음 미디어 쿼리를 사용 1) 텍스트 4-5 라인

 text 
     text 
     text 
     text

)는 이미지 작은 이미지와 텍스트

 ------------- 
     |   |  text 1 
     |   |  text 2 
     | img1 |  text 3 
     |   |  text 4 
     -------------

3) 세 가지 큰 이미지 :

     --------------------- 
        |     |  
        |     |  
        |     |  
        |     | 
        |  img2   | 
        |     | 
        |     | 
        |     | 
        |     | 
         ---------------------  


        --------------------- 
        |     |  
        |     |  
        |     |  
        |     | 
        |  img3   | 
        |     | 
        |     | 
        |     | 
        |     | 
         --------------------- 



         --------------------- 
        |     |  
        |     |  
        |     |  
        |     | 
        |  img4   | 
        |     | 
        |     | 
        |     | 
        |     | 
         ---------------------

내가 직면 한 문제는 미디어 쿼리가 iPhone 내장 메일 계정에서 올바르게 작동한다는 것입니다.

문제는 iPhone 용 Gmail 응용 프로그램에 있습니다. 전자 메일의 파트 1과 파트 2는 약 60-65 %와 같이 너무 축소되고 파트 3은 정상적으로 처리됩니다.

그리고 나는 외부 CSS 파일의 대부분의 이메일 클라이언트 스트립으로 인라인 CSS를하는 가장 원시적 인 html 코딩 방법을 사용하고 있습니다.

엄격한 NDA가 있으므로 여기에 코드를 게시 할 수 없지만 전자 메일 템플릿을 코딩하는 모든 사람들에게 공통적 인 문제 여야합니다. 어떤 팁이나 포인터?

출처

2012-07-25 bozo user

Gmail은 미디어 쿼리를 삭제하므로 사용자가 Gmail 앱을 통해 휴대 기기에서 이메일을 볼 경우 데스크톱보기가 표시됩니다.

출처

2012-09-06 20:03:01 samanthasquared

아이폰의 Gmail 앱을위한 html 템플릿을 축소하십시오.

답변

관련 문제