我在这个新网站上工作,当我在手机上打开网站时发生了一些奇怪的事情(同样的事情发生在 iphone 和 android 上)
该网站没有响应,当有人从移动设备访问该网页时,页脚的背景仅与原始视口一样宽 - 这意味着大多数页脚没有背景(这使得文本不可读)
网址是:http://www.wholesomegifts.com.au/(在您的手机上访问它,向下到页脚并向右滑动以查看问题)
有什么想法吗?
我在这个新网站上工作,当我在手机上打开网站时发生了一些奇怪的事情(同样的事情发生在 iphone 和 android 上)
该网站没有响应,当有人从移动设备访问该网页时,页脚的背景仅与原始视口一样宽 - 这意味着大多数页脚没有背景(这使得文本不可读)
网址是:http://www.wholesomegifts.com.au/(在您的手机上访问它,向下到页脚并向右滑动以查看问题)
有什么想法吗?
解决方法 -
我将 DIV 设置为 min-width:960px - 一个丑陋的黑客,但成功了。
我仍然不明白为什么背景没有首先伸展,所以如果有人能对这个主题有所了解,那就太好了
我相信它的视口问题,尝试在“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/的更多信息,请参阅此链接