早上好,强大的堆栈。

我们正在使用创世纪主题框架在内置wordpress的网站上工作。

在这里,http://foodtrucksnashville.com

在Chrome,Opera,FF和IE(足够近)中,一切都很好而且很花哨,直到您在iPhone和iPad的Mobile Safari中看到为止

#footer-wrapper(在底部,带有云彩和蓝色条纹背景)的宽度是:100%位置:绝对;底部:0但可惜的是,它并没有一直延伸到浏览器视口的右侧。

我在固定位置上已阅读了一些关于移动Safari窒息的信息:已修复,但在这里找不到任何对我有用的东西。因此,新的Stack_Query。

再次感谢,堆叠。

祝你有个好的一天。

ps。我想避免不得不使用JavaScript来解决此问题((您知道,使用jQuery获取视口宽度并将其值自动分配给#footer-wrapper)),但是如果这就是Stack所说的,那就这样吧。

最佳答案

为防止视口发生危险变形,可以对其进行配置。使用<meta>标记可以达到目的。

<meta name="viewport" content="width=device-width" />使视口在设备上最大化。我在移动网站上的页脚宽度为100%,此代码没有问题。

阅读有关该主题的official Apple documentation以获取更多信息。

关于iphone - 页脚宽度设置为100%,绝对位置不延伸到移动浏览器中浏览器窗口的右边缘,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6331852/

10-12 12:46
查看更多