HTML div 未覆盖 iPhone 中的完整 100% 宽度

Question

我已将网站上传到我的服务器以在 iphone 上进行测试。然而，页脚在 iPhone 上并没有覆盖整个宽度，尤其是在 Safari 网络浏览器上。我相信这与我在 #header 中的绝对定位 DIV #leaf-print 有关。

我在 Stackoverflow 上看了几十篇文章，但仍然找不到解决方案。该站点位于:www.azumis.com/clients/onaturals .理想情况下，我需要某种 CSS 代码来强制 iPhone 屏幕上视口(viewport)的宽度为 952px。任何帮助将不胜感激。谢谢

Answer 1

你正在使用

html,body{
  width:952 px;
}

将其更改为

html,body{
  width:100%;
  margin:0;
  padding:0;
}

SCREENSHOT AFTER THAT CHANGE

问题仍然存在，因为::

虽然你已经做了改变 html,body{width:100%;} 但你再次覆盖它

body{
  width:952px; /*..why????..as you have done it after html,body{width:100%;} its overriding the width:100% to width:952px;
}

改成

 body{
   width:100%;
   margin:0;
   padding:0;
   overflow-x:hidden;
 }

也制作

 #footer{
   width:100%; /*...instead of 1024px;...*/
 }

如果仍然无法正常工作，以下代码可能对您有所帮助

 #footer{
   width:100%; /*...instead of 1024px;...*/
   position: absolute;
   right: 0;
   left: 0;
 }