移动和平板电脑设备标题切断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;可以解决问题的功能，但它在其他浏览器中不起作用。