Question

我正在尝试在此网站上修复以下问题：http://santanna.beutifi-website.com/

请注意，右边有一个空格，就好像页面的宽度或边距更宽，但在检查这些功能后，我无法弄清楚问题是什么。但它不会发生在移动设备上。

我玩开发工具已经有一段时间了，没有运气，我想知道你们中是否有人能够看到什么错误......

干杯！

Answer 1

此问题仅在您缩小屏幕尺寸时显示。这是由你的css引起的：

@media only screen and (min-width: 840px) (index):175
.copyright {
    margin-left: 25%; */
}

当我删除它解决了问题。

如果您希望将文字置于中心位置，则可以删除该div上的text-left课程并手动居中，也可以在删除边距后将text-align: center !important添加到版权课程中。

编辑：

此外，您不应该像以下那样加倍.container课程。要么使用其中一个。

<div class="container-fluid bg-dark-gray footer-bottom">
    <div class="container">
        <div class="row margin-three">
            <!-- copyright -->
            <div class="col-md-12 col-sm-12 col-xs-12 copyright text-left letter-spacing-1 xs-text-center xs-margin-bottom-one light-gray-text2">
                <p align="left" style="font-size:11px;text-transform:uppercase;color:#939598;width: 100% !important;">Copyright © 2017. Built &amp; managed by <span style="color:#56c7cc;"><a href="https://beutifi.com/page/salons" target="_blank" "="">BEUTiFi.com</a></span> All rights reserved.</p>                    
            </div>
            <!-- end copyright -->
        </div>
    </div>
</div>

Answer 2

我开始写@Matthew所说的内容但是因为你使用的是WordPress，所以最好只覆盖这种风格。试试这个：

.copyright{
  margin-left: 0 !important;
}

.copyright p{
  text-align:center !important;
}

如果可能，将其添加到主题的自定义样式中。祝你好运！

Answer 3

这是css中的一个问题。

.container类项目设置为像素宽度;

空白屏幕离开

3 个答案: