0

我正在使用 Zurb Ink 制作 html 电子邮件。使用面板，它在浏览器中看起来是正确的，宽度为 601 像素。但是在 Safari OS（Mac book）上的前景中，面板一直延伸到电子邮件（如页脚或页眉）。

Safari 中的前景应该是这样吗？还是我的代码有问题？

           <table class="row">
                <tr>
                    <td class="panel" style="background: #ECF8FF; border-color: #b9e5ff">

                        <table class="twelve columns container">
                            {% for item in object_list %}
                            <tr>
                                 <td class="four sub-columns">
                                     {% if not item.user_assigned %}
                                     <table class="tiny-button small radius alert">
                                         <tr>
                                             <td>unssigned</td>
                                     {% else %}
                                     <table class="tiny-button small radius success">
                                         <tr>
                                             <td>assigned</td>
                                    {% endif %}
                                         </tr>
                                     </table>
                                 </td>
                                 <td class="eight sub-columns last">
                                     {{ item.date_due }} - {{ item.action }}
                                 </td>
                                 <td class="expander"></td>
                             </tr>
                             {% endfor %}
                         </table>
                     </td>
                 </tr>
             </table>
         </td>
     </tr>
 </table>

4

1 回答 1

2

看起来是因为您缺少包装器和容器。

在文档中它提到了以下内容：

容器- 在大屏幕上将内容限制为 580 像素的包装（在小屏幕上为 95%），并将其居中放置在正文中。

wrapper - 包装每个 .columns 表，以便在列之间创建一个装订线并强制它们在小屏幕上扩展为全宽。

于 2014-03-10T21:05:18.777 回答