글꼴 크기 전자 메일 모바일이 너무 작음

글꼴을 15px로 설정했지만 전자 메일을 모바일 장치 (특히 메일> gmail)에서 볼 때 텍스트가 훨씬 작게 표시됩니다. 데스크톱 크기를 늘리지 않고 모바일 크기를 늘리려면 어떻게해야합니까? Gmail에서 미디어 쿼리를 제거합니다.글꼴 크기 전자 메일 모바일이 너무 작음

<table> 
 
<tr> 
 
<td style="font-size: 15px;"><p style="font-size: 15px;">Some text</p></td> 
 
</tr> 
 
</table>

어떤 아이디어?

출처

2017-04-04 Jenny

15 픽셀가 폰트 크기에 꽤 큰이며 제대로 표시해야합니다 : 완전히 <head>이 <meta> 태그를 사용하여 아이폰 OS (10) 메일에 자동 확장을 사용하지 않도록 설정합니다. Gmail 앱에서 이메일 크기가 조정되고 있다는 느낌이 들었습니다. 그 일을하도록 강요하는 코드가 있습니까? 템플릿의 최대 너비와 최소 너비가있는 이미지일까요? – Syfer

내가 생각할 수있는 가장 간단한 것은 뷰포트 단위를 사용하는 것입니다. 즉이 :

VW : 1/100 뷰포트의 폭 VH : 1/100 뷰포트의 높이 VMIN : 1 작은 쪽 VMAX의/100 : 1/최대 측

의 100을 설정하여 font- size 속성을 예를 들어 스칼라 * vmax로 변경하고 거기에서 조정하십시오.

출처

2017-04-04 18:56:51

웹에서와 마찬가지로 media-query을 사용하여 모바일에서 font-size을 변경할 수 있습니다. 많은 모바일 클라이언트가 most of gmail을 비롯한 미디어 쿼리를 지원합니다.

또한 iOS의 메일 때때로 자동 포맷의 텍스트

.mobile-p { 
 
    font-size: 18px !important; /* override inline style */ 
 
}

<table> 
 
    <tr> 
 
    <td> 
 
     <p style="font-size: 15px;" class="mobile-p">Some text</p> 
 
    </td> 
 
    </tr> 
 
</table>

<meta name="x-apple-disable-message-reformatting">

출처

2017-04-06 12:10:14

글꼴 크기 전자 메일 모바일이 너무 작음

답변

관련 문제