移动和平板设备标题切断 Wordpress

Question

我目前在移动设备上遇到页眉和页脚被截断的问题（如果在移动设备或平板电脑上查看，页眉不会跨设备全宽显示。）- Wordpress 主题是根据 2010 年儿童主题设计的。

网址是www.canonbody.com，代码如下：

#colophon,#wrapper,.inner{width:1050px;min-width:1020px;}

header{width:100%;device-width:100%;min-width:100%;border-bottom:2pt solid #000;padding-bottom:17pt}

#footer #colophon{position:relative;height:292px}
#colophon{line-height:20px;padding-top:7px}

Answer 1

您可以将display:table 设置为标题，这为我修复了它。 但是灰色的背景不会去边缘，你也可以添加display: table。

此外，firefox 有 width: -moz-fit-content; 可以解决问题，但它在其他浏览器中不起作用。