iOS中的图像缩小邮件

我正在为应用程序创建HTML邮件模板，并且该模板包含440px宽的图像。iOS中的图像缩小邮件

当我在我的iphone上看它时，它超出了屏幕的宽度。我曾多次看到iOS Mail收缩电子邮件的大小以适应所有内容（例如，来自Apple的电子邮件）。

关于我可能做错什么的想法？图像CSS和它的容器CSS是：

.photo { 
    width: 400px; 
    height: 460px; 
    padding: 20px; 
    background: #fff; 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 
    position: relative; 
    overflow: hidden; 
} 
.photo img.main-photo { 
    max-width: 400px; 
} 
.photo div.caption { 
    width: 400px; 
    position: absolute; 
    bottom: 20px; 
    font-family: 'Indie Flower'; 
    height: 50px; 
    font-size: 20px; 
}

与实际HTML是

<div class="photo"> 
    <img src="{{ photo.images.standard_resolution.url }}" class="main-photo" /> 
    <div class="caption"> 
     {{ photo.caption.text }} 
    </div> 
</div>

UPDATE：这里是它的外观的例子。我不希望它伸展超出屏幕

enter image description here

来源

2011-04-22 Brenden

在编辑邮件或在iOS邮件应用程序中查看收到的邮件时，您是否看到此问题？ – Robin 2011-04-22 23:28:27

在iOS邮件应用程序中查看收到的邮件 – Brenden 2011-04-23 00:49:00

刚刚更新了上面的初始文章以及它的外观 – Brenden 2011-04-23 00:51:56

尝试删除宽度和只使用最大宽度。我认为这会解决你的问题。

来源

2011-04-26 12:06:36 Luuk

400px太宽，非视网膜iPhone的宽度为320px。如果Mail类似Mobile Safari，它甚至会把iPhone 4当作320px。你尝试过更小的尺寸吗？

来源

2011-04-29 00:32:38

iOS中的图像缩小邮件

回答

相关问题