【问题标题】:HTML Email fonts automatically scaling in Opera Mail?HTML 电子邮件字体在 Opera Mail 中自动缩放?
【发布时间】:2012-08-17 13:17:10
【问题描述】:

我收到一封 HTML 电子邮件,其字体大小使用内联 CSS 中的像素 (16 像素)。在大多数客户端中一切正常,但在 Opera 的邮件面板 (v12.01) 中,当我缩小视口的宽度时,字体大小也会按比例缩小。

这发生在我测试过的所有其他 HTML 电子邮件中。

有没有其他人遇到过这种情况,有没有人有解决方法?

2012-08-29 更新:

我在电子邮件右上角的扳手菜单下找到了一个选项,名为“适合宽度”。取消选中此选项会导致 Opera Mail 的行为更像标准电子邮件客户端。

所以关于解决方法的问题仍然存在......当电子邮件创建者知道电子邮件自动适应视口宽度时,这种行为是否可以被电子邮件中的一行代码覆盖?我正在寻找与网站可用的解决方案类似的东西:https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

【问题讨论】:

    标签: css opera html-email


    【解决方案1】:

    您应该在需要该字体大小的最内部元素中使用字体大小的值。例如,将font-size:15px; 分配给表格是行不通的,您应该将font-size:15px; 分配给该表格的各个td 元素。

    【讨论】:

    • 恐怕这并不能解决问题。我尝试了 3 个测试用例:1) 包含 div 元素的“font-size: 1em”,2) p 标签上的“font-size: 1em”,以及 3) p 标签上的“font-size: 16px”。没有一个变体对 Opera Mail 字体大小随窗口宽度的缩放有任何影响。
    • 如果您可以分享您编写的代码,我会尝试调查并提供帮助,并可能会帮助您。
    • 以上都是内联样式,顺便说一句。
    • 这是我的测试电子邮件 - 没有比这更简单的了:
    • <html> <head> <style type="text/css">p.one{font-size:25px;}</style> </head> <body> <p class="one">style tag 25 px</p> <p style="font-size: 25px;">inline 25 px</p> </body> </html>
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-13
    • 2018-06-21
    • 1970-01-01
    • 1970-01-01
    • 2014-07-15
    相关资源
    最近更新 更多