我正在用一个主题在 wordpress 中构建一个网站。该网站应该是响应式的,但是当我用手机访问时出现了一个问题。页脚太宽,其余内容被推到左边,形成一条细条纹。
这是网站:WEBSITE URL
您的页脚标记中有一个 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>
我是一名优秀的程序员,十分优秀!