|
如今，响应式电子邮件设计并不奇怪，因为我们都知道移动友好性（即移动优化）不再只是可有可无，而是必需品。我们都遵守这条黄金法则：确保您的电子邮件针对移动设备进行了优化。 但您是否知道响应式设计远远超出了“适合移动屏幕”选项？您可以将字体大小应用于标题、普通文本、按钮等。与电子邮件的桌面版本不同。您还可以处理容器内的内部填充，并隐藏/禁用移动设备上的某些元素。 如何在没有编码知识的情况下做到这一点 - 我们将在下面向您展示。 1.在桌面和移动设备上隐藏/禁用电子邮件元素 Stripo 允许您在移动设备上隐藏某些元素，同时在桌面设备上隐藏其他元素。这意味着您可以选择哪些元素将显示在移动设备上，哪些元素将仅显示在桌面设备上。 您可能需要此选项的原因有很多。
例如，隐藏移动设备上的某些菜单选项卡以防止水平滚动，如果对文本应用大字体，则可能会出现水平滚动。或者隐藏垂直分隔符（如果您使用它来直观地划分放置在一行中的项目）。 如何使用 Stripo 进行操作： 单击您想要在移动设备上显示/隐藏的项目； 在设置面板中，找到“隐藏项目”选项； 单击“移动”或“桌面”图标。 响应式电子邮件设计_隐藏和启用移动设备上的元素 为了了解其工作原理，我们在桌面设备上的照片之间创建了一封带有间隔的电子邮件， 电话号码数据 并在移动设备上禁用了它们。 如何创建响应式电子邮件布局_桌面版本_带间隔符 （桌面版，带垫片） 如何创建响应式电子邮件布局_移动版_无空格 （移动版，无垫片） 体验移动优化的新时代 开始 2. 电子邮件文本的布局样式 为了使您的电子邮件文本在任何设备上都完全可读，
您可能需要对副本的任何部分应用比在桌面上更大或更小的字体大小。 您可以在“移动格式”选项卡中执行此操作。 响应式邮件设计_使用Stripo设置手机样式_无代码 在“移动格式”选项卡中，您可以将字体大小应用于： 标题副本； 内容的副本； 页脚副本； 信息区的副本； 菜单选项卡； 标题 1-3。 对于后者，您还可以选择必要的文本对齐方式：右对齐、居中对齐或左对齐。 适合移动设备的电子邮件_处理标题样式 所有这些样式仅适用于您的电子邮件的移动版本，并且不会影响您在桌面版本的“外观”选项卡下的“常规设置”部分中设置的布局样式。 为了向您展示其工作原理，我们创建了一封带有菜单和标题的简短电子邮件。
| 
發表於 15:18:26