Question

在桌面我添加'50px'填充在我的页面正文。它的工作正常，但在中小不正常工作。我添加一些引导函数意味着@media css功能。但它虽然它不工作。

my html =＆gt;

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <div class="content-wrapper px-auto MainRenderedbody">
        <section class="content">
            render body
        </section>
    </div>

    render partial body
</div>

和我的css =＆gt;

<style type="text/css">
@@media (min-width: @@screen-sm-min) and (max-width: @@screen-sm-max) {
    .MainRenderedbody {
        padding-top:100px;
    }
}
.MainRenderedbody {
    padding-top:45px;
}
</style>

我搜索这个问题？我发现了一些解决方案。我应用了所有的主题？坚果对我没什么用？这就是为什么我再次在这个网站上发布这种问题!!!

桌面屏幕的图片=＆gt;

和小屏幕=＆gt;

看看'DELETE Batch'已经消失了吗？但我希望通过添加一些额外的填充来回来？还有另一招？请帮我解决这个问题？还是给我一些建议？请各位兄弟帮忙？

Answer 1

您的脚本已隐藏Delete Batch小屏幕上的sm。

   1. Inspect your missing `<div>`.
   2. Then identify where the `div` hides.
   3. `remove` that `class` name.
   4. you wrote your own `class` to view it in `@media`

 @media screen and (min-width: 650px){
      .className
      {
        padding-top:100px;
      }
    }

填充在中小设备引导程序中不能正常工作？

1 个答案: