麻烦制作响应电子邮件模板

时间:2014-05-01 15:40:25

标签: css responsive-design html-email

我正在制作响应式电子邮件设计并遇到麻烦。它部分有效,但我认为我需要新鲜的眼睛并帮助我找不到解决方案。我认为导航链接是造成大部分问题的原因,但不确定这是否真的是问题。

基本上我希望电子邮件能够快速响应并堆叠到几乎有一个例外的列中。

我遇到的问题是:

整个页面都没有完全响应 - (获得侧边滚动的一部分)

广告565x70似乎无法改变尺寸

带有社交图标的热门导航无法正确堆叠。我希望左侧链接不移动(如果小屏幕需要可能居中),但社交图标堆叠在其他链接下方。 3列宽,最好就像现在只需要菜单下方的图标一样。

徽标下方的

导航菜单 - 我希望它们以较小的屏幕居中,但也可以按2列宽的顺序堆叠。我尝试过流畅的文字,但是由于某些原因它似乎没有用。

非常感谢任何帮助。我已经测试并尝试了其他资源项目,但似乎没有根据其他资源应该工作的内容。

以下是模板的链接。

http://bit.ly/1u67HDG

感谢。

3 个答案:

答案 0 :(得分:0)

好吧,你需要一个响应迅速的CSS。我是Twitter Bootstrap的忠实粉丝。您将使用标签将整个电子邮件设计为普通网站,并包含您的CSS。

在这里,你可以看看这些响应迅速的CSS:

http://getbootstrap.com/
http://metroui.org.ua/
http://www.99lime.com/
http://purecss.io/
http://gumbyframework.com/

答案 1 :(得分:0)

您正在图像和表格上设置内联宽度。标题中的CSS不能覆盖内联声明。

答案 2 :(得分:0)

感谢。看来我大多都有自己的每张桌子。所以我创建了包装器,仔细检查了宽度重新添加的类等等。它现在似乎工作得很好。

有时一双新鲜的眼睛有帮助。再次感谢。

P.S。 J.otero - 如果你将它用于网络,框架是好的,但是对于电子邮件它们几乎没有什么用。

相关问题