javascript - ios不支持overflow-x属性，设置了固定定位又出现横屏的问题怎么破？

Question

http://www.teamtownend.com/2013/07/ios-p...
根据网上说的方案在body中加了这段代码。

body.lock-position {
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}

---

**1.本人页面采用1024定宽，居中显示，（考虑到pc端也能布局正常）用了上面这段代码，导致页面居左，更严重的问题就是页面横屏时，纵向滚动条也没了。因为height是auto，由于页面没有做成响应式，导致整张页面看不全。
谁有好的解决方案，希望能实现电脑端还是居中显示，纵向滚动条也有，能看到超出视口的页面内容。紧紧隐藏横向滚动条。**

---

没加代码前如下：

    body {
      font-family: "Microsoft YaHei",PingFangSC-Medium,"Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0 auto !important;
      word-wrap: break-word;
      max-width: 1024px;
      position: relative;
      background-color: #F0F0F0;
      padding-bottom: 6rem !important;
      font-size: 1em;
      
    }

如图：

横屏：

Answer 1

难道不是over-flow:hidden的锅吗