在手机上查看网站时，页脚的背景会被切断

Question

我正在开发这个新网站，当我在手机上打开网站时会发生一些奇怪的事情（同样的事情发生在iphone和android上）

网站没有响应，当有人从移动设备访问网页时，页脚的背景仅与原始视口一样宽 - 这意味着大多数页脚没有背景（这使文本无法读取）

网址为：http://www.wholesomegifts.com.au/（在您的手机上访问它，向下到页脚并向右滑动以查看问题）

有什么想法吗？

Answer 1

解决方法 -

我将DIV设置为min-width：960px - 一个丑陋的黑客但是做了伎俩。

我仍然不明白为什么背景没有伸展到第一位，所以如果有人能够对这个主题有所了解那就很好了

Answer 2

我相信它的视口问题，请尝试在'head'标记

中添加它

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

请参阅此链接以获取更多相关信息 http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/