【发布时间】:2014-06-27 00:57:42
【问题描述】:
我正在使用 HTML/CSS 创建一些响应式电子邮件模板,但无法控制字体在移动视图中的显示方式。
我需要增加正文的字体大小,并减小页眉和页脚文本的字体大小。
我尝试添加表类、td 类和跨度类,但无济于事。
有没有人遇到过类似的问题并提出了解决办法?
【问题讨论】:
标签: html css fonts responsive-design
我正在使用 HTML/CSS 创建一些响应式电子邮件模板,但无法控制字体在移动视图中的显示方式。
我需要增加正文的字体大小,并减小页眉和页脚文本的字体大小。
我尝试添加表类、td 类和跨度类,但无济于事。
有没有人遇到过类似的问题并提出了解决办法?
【问题讨论】:
标签: html css fonts responsive-design
你可以试试:http://css-tricks.com/viewport-sized-typography/
但是,我确实认为避免更改字体大小并使用适用于所有屏幕的字体大小会更好。主要原因是每个电子邮件客户端或网络邮件门户处理 CSS 的方式不同。事实上:可用的 css 和 html 的范围非常有限,因此为了保持理智和跨客户端支持,最好坚持使用响应式设计:
只使用百分比。
对多列使用表(如果有)
使用viewport https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
延伸阅读:http://blog.sumall.com/journal/3-steps-to-make-your-e-mail-design-responsive-2.html
【讨论】: