H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】ios不支持overflow-x属性,设置了固定定位又出现横屏的问题怎么破?

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;
      
    }

如图:

clipboard.png
横屏:

clipboard.png

回答:

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

本文地址:H5W3 » 【Web前端问题】ios不支持overflow-x属性,设置了固定定位又出现横屏的问题怎么破?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址