【问题标题】:Adding 2 column Layout for MailChimp HTML CSS为 MailChimp HTML CSS 添加 2 列布局
【发布时间】:2017-12-17 04:04:14
【问题描述】:

我在这里很头晕。我得到了一个从 MailChimp 导出的 mailchimp 布局。现在布局是 3 列,但在 Mobile 中是 1 列。 这是代码笔:goo.gl/Fj8Ct7

有人可以帮我把它变成移动视图中的 2 列布局吗?

我在这里真的很开心。

最好, 迈克

【问题讨论】:

  • 嗨,欢迎来到堆栈溢出。请参阅How to Ask 链接以获取有关如何提出问题并相应更新您的问题的更多详细信息。

标签: html css mailchimp


【解决方案1】:

尝试在您的 css 中将 .columnWrapper 更改为 max-width: 480pxwidth 100% 到 50%

@media only screen and (max-width: 480px){
        .columnWrapper{
            max-width:50% !important;
            width:50% !important;
}

最终结果

【讨论】:

  • !它就像一个魅力。很好的修复。谢谢您的帮助。我真的很感激。
  • 太棒了...很高兴我能帮上忙。如果答案是好的,标记为正确
猜你喜欢
  • 2016-10-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-01
  • 2015-12-08
  • 2016-07-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多