苦苦挣扎,增加&减少响应式电子邮件广告系列的字体

时间:2014-06-26 15:11:24

标签: html css fonts responsive-design

我正在使用HTML / CSS创建一些响应式电子邮件模板,并且无法控制字体在移动视图中的显示方式。

我需要增加文本正文的字体大小,并减少标题和字号的字体大小。页脚文字。

我尝试过添加表类,td类和span类但无济于事。

有没有人遇到类似问题并提出修复方法?

1 个答案:

答案 0 :(得分:1)

您可以尝试:http://css-tricks.com/viewport-sized-typography/

但是,我相信避免更改字体大小并使用适用于所有屏幕的字体大小会好得多。主要原因是因为每个电子邮件客户端或Webmail门户以不同方式处理CSS。事实上:可用的css和html的范围受到严格限制,因此为了保持理智和跨客户支持,最好坚持使用响应式设计:

  1. 只使用百分比。

  2. 使用多列的表格(如果有的话)

  3. 使用viewport https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

  4. 进一步阅读:http://blog.sumall.com/journal/3-steps-to-make-your-e-mail-design-responsive-2.html