use*_*009 0 css html-email responsive-design
我在电子邮件广告系列中遇到了一些css和内联样式的问题.
首先,我最后作弊,因为我隐藏了元素(display:none;),以便在使用@media css时以正确的顺序显示它们.这里的问题是当在桌面上显示isp(gmail)时它忽略了(display:none;)并最终在地方显示了双重内容.所以对于我使用的双重内容消失(display:none!important;)然后影响了移动版本.
我在网上看到的一些移动模板似乎没有太多测试,因为它们根本无法跨多个邮件客户端工作.
如果有人有任何建议或帮助http://www.makeyourownmarket.com/test/test-doc.html,代码在这里
响应式电子邮件的一些提示:
把你的!important声明放在你的所有@media only screen and (max-width: 480px)CSS上
想一想解决方法,如果display:none;不起作用,请尝试width:0;height:0;使用内联CSS,然后width:100px !important;height:100px !important;在移动样式中覆盖
您将需要进行大量测试,拥有所有重要电子邮件客户端的帐户/设备是最好的,但http://www.emailonacid.com工作紧张.