当我创建具有操纵页面的javascript的网站,并且这种操作发生在页面加载时,我经常会产生令人讨厌的闪烁效果.
例如,如果我有一个手风琴,完整的内容将需要加载为html,然后一旦加载它可以用javascript包装.这意味着暂时可以看到完整的内容,然后它会"闪烁",因为其中一些内容是隐藏的.
一种解决方案是使用css隐藏任何闪烁内容,然后使用javascript显示(必要时).问题是该页面对于没有javascript的人来说无法正常工作.
有没有更好的办法?谢谢
我目前正在开发一些自定义响应式电子邮件模板,这些模板将在我的客户 Mailchimp 中使用。(是的,斗争是真实的..)过去的一周我一直在试图弄清楚为什么 Outlook 以原始尺寸显示我的图像。
正如您在下面的代码片段中看到的,我为 img、td 和 tr 设置了宽度。也尝试将其添加到表中,但没有任何区别。因此,即使我对其设置了固定,在 Outlook 中图像仍然以其原始大小显示,这导致布局变得糟糕。
<body bgcolor="#e8ebee">
<!-- wrapper table -->
<table cellpadding="0" cellspacing="0" width="650" border="0" class="container" bgcolor="#e8ebee">
<tr>
<td>
<!-- content1 -->
<table mc:repeatable mc:variant="Section: item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:650px;">
<tr>
<td bgcolor="#FFFFFF">
<table>
<tr width="650" style="width:650px;">
<td style="padding-bottom: 15px; width:650px; max-width:650px;" width="650">
<img mc:edit="article_image" src="my_larger_image.png" alt="" style="width:650px; max-width:650px;" width="650">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- end content1 -->
</td>
</tr>
</table>
<!-- …Run Code Online (Sandbox Code Playgroud)