当显示在平板电脑上时，页眉和页脚未显示完整页面宽度

Question

从平板电脑查看我的website时，页眉和页脚均未覆盖整个页面宽度。这是一个纯粹的CSS问题，尽管在从台式电脑浏览网站时（例如通过Chrome浏览器）不会发生。

我打算在平板电脑（最重要的是iPad）上也有一个全页宽的黑色页眉和页脚。

任何想法，我需要改变以完成这个任务？

谢谢&欢呼声中，拉尔夫

Answer 1

您可以设置

body { min-width: 1230px; } 

它应该做的伎俩。

Answer 2

您应该定义一个视口。

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

OR

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

它调整到您的要求。