gpt4 book ai didi

html - 手机页脚宽度

转载 作者:太空宇宙 更新时间:2023-11-04 12:05:16 25 4
gpt4 key购买 nike

我正在用一个主题在 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>

关于html - 手机页脚宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29434625/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com