在平板电脑上显示时，页眉和页脚不是整页宽度

Question

从平板电脑查看我的website时，页眉和页脚都不会覆盖整个页面宽度。我认为这是一个纯粹的CSS问题，虽然从桌面PC浏览网站时没有发生（例如通过Chrome）。

我打算在平板电脑上使用整页宽度的黑色页眉和页脚（最重要的是：iPad）。

任何想法，我需要改变才能实现这一目标？

谢谢你＆amp;欢呼，拉尔夫

Answer 1

您应该定义一个视口。

<meta name="viewport" content="width=device-width" />

OR

<meta 
    name="viewport" 
    content="width=1000, initial-scale=0.8, maximum-scale=1.0" />

根据您的要求进行调整。

Answer 2

您可以设置

body { min-width: 1230px; }

它应该可以解决问题。