响应式设计 – 如何创建响应式电子邮件模板？

概述如何创建响应式电子邮件模板？ 我可以使用媒体查询构建响应式布局,但这些样式我们只能在外部/内部CSS中编写.电子邮件模板我们不能使用DIV和外部/内部CSS. 我如何构建响应式电子邮件模板. 谢谢, Shanid 在 HTML电子邮件中使用媒体查询不是开发响应式HTML电子邮件的非常好的解决方案,因为绝大多数受众不会按照您的意图看待它. Gmail不会在HTML电子邮件的头部保留任何CSS.这是媒 如何创建响应式电子邮件模板？

我可以使用媒体查询构建响应式布局,但这些样式我们只能在外部/内部CSS中编写.电子邮件模板我们不能使用div和外部/内部CSS.
我如何构建响应式电子邮件模板.

谢谢,
ShanID

解决方法 在 HTML电子邮件中使用媒体查询不是开发响应式HTML电子邮件的非常好的解决方案,因为绝大多数受众不会按照您的意图看待它.

Gmail不会在HTML电子邮件的头部保留任何CSS.这是媒体查询的地方,所以..将无法正常工作.

Android支持媒体查询,但它充其量只是错误.

开发伪响应式HTML电子邮件的最佳方法是构建流畅的布局HTML电子邮件.设计您的电子邮件(为简单起见)单列布局.您可以使用多列布局开发流体布局,但它可以快速复杂化.

正常设计您的布局,内联所有样式并使用折旧的HTML属性而不是CSS样式..如果它是内联的,无关紧要,CSS仍然无法在HTML电子邮件中很好地发挥作用.谨慎使用,如果可以避免,请不要使用它.

不要为元素指定高度,只能以百分比值指定宽度.因此,允许显示电子邮件的设备根据百分比值而不是特定像素大小确定要显示的最佳宽度.

<table wIDth="90%" cellpadding="0" cellspacing="0" border="0">...</table>

这是流体布局的一个很好的例子：http://woothemes.createsend1.com/t/ViewEmail/y/1D01C6AE9D028347

总结

以上是内存溢出为你收集整理的响应式设计 – 如何创建响应式电子邮件模板？全部内容，希望文章能够帮你解决响应式设计 – 如何创建响应式电子邮件模板？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。