html - 手机页脚宽度

Question

我正在用一个主题在 wordpress 中构建一个网站。该网站应该是响应式的，但是当我用手机访问时出现了一个问题。页脚太宽，其余内容被推到左边，形成一条细条纹。

这是网站:WEBSITE URL

Answer 1

您的页脚标记中有一个 div，它具有宽度为 960 像素的内联样式。查看类 site-info 的 div 内部的 div。

当前 div HTML:

<div class="site-info">
    <div style="width:960px; margin:0 auto;">
        <p style="float:left;">© Copyright 2015 Hotel Švýcarský Dům</p>
        <div style="float:right;">Naleznete nás na sociálních sítích:
            <a style="display: block; float:right; margin:-4px 0 0 5px;" href=""><img src="/wp-content/themes/adamos/images/gplus.png"></a>
            <a style="display: block; float:right; margin:-4px 5px 0 5px;" href=""><img src="/wp-content/themes/adamos/images/facebook.png"></a>
        </div>
        <div class="clear"></div>
    </div>
</div>

改成这样:

<div class="site-info">
    <div style="margin:0 auto;">
        <p style="float:left;">© Copyright 2015 Hotel Švýcarský Dům</p>
        <div style="float:right;">Naleznete nás na sociálních sítích:
            <a style="display: block; float:right; margin:-4px 0 0 5px;" href=""><img src="/wp-content/themes/adamos/images/gplus.png"></a>
            <a style="display: block; float:right; margin:-4px 5px 0 5px;" href=""><img src="/wp-content/themes/adamos/images/facebook.png"></a>
        </div>
        <div class="clear"></div>
    </div>
</div>