如何实现相同的填充？

Question

首先，请访问我的网站，告诉您我的意思：https://www.--

从桌面移动到移动设备时，内容会根据我的需要进行调整。但是在移动设备上，我添加的最近的幻灯片（North Face文章）没有像标题标题那样填充，就像所有其他图像一样。我该如何解决这个问题？

Answer 1

只需将margin-top值添加到metaslider_container_506，就像这样：

<div id="metaslider_container_506" style="margin-top:10px;">

Answer 2

您遇到的问题是，所有其他图片都位于<p>标记内，其中包含margin-top和margin-bottom。

您的上一个帖子图片不在<p>标记内，因此在移动设备中没有帖子标题的空格。

您只能在带有媒体查询的移动设备上将margin-top添加到上一个帖子滑块。

 @media screen and (max-width:480px){
        #metaslider_container_506{
            margin-top:10px;
    }
}

当您添加带滑块的其他帖子时要小心，问题会回来，也许您可​​以将margin添加到将在所有滑块上的类，可能在：

 @media screen and (max-width:480px){
            .metaslider .flexslider{
                margin-top:10px;
        }
    }

就像这样，问题不会出现在其他有滑块的帖子上。