Fatal编程技术网
  • ios/
  • 在iOS—上水平滚动；非画布导航菜单

在iOS—上水平滚动；非画布导航菜单

ios css menu

在iOS—上水平滚动；非画布导航菜单,ios,css,menu,horizontal-scrolling,Ios,Css,Menu,Horizontal Scrolling,将我的站点推到开发服务器后，我看到iOS上的水平滚动（在本地开发时我没有看到）。我正在使用一个非画布导航菜单，它为页面提供了额外的宽度 非常感谢您的帮助。谢谢你的时间 我在桌面Safari中查看了您的站点，我看到了相同的问题 问题似乎是网站布局仍然认为它更宽。起初，我确信一个简单的overflow-x:hidden和width:100%应用程序就可以做到这一点 然而- 你好像做了那件事 没有 我发现很难通过CSS进行筛选，因为您有很多事情要做，我认为CSS3转换可能是造成此问题的原因，但我能够在

将我的站点推到开发服务器后，我看到iOS上的水平滚动（在本地开发时我没有看到）。我正在使用一个非画布导航菜单，它为页面提供了额外的宽度

非常感谢您的帮助。谢谢你的时间

我在桌面Safari中查看了您的站点，我看到了相同的问题

问题似乎是网站布局仍然认为它更宽。起初，我确信一个简单的
overflow-x:hidden
和
width:100%
应用程序就可以做到这一点

然而-

  • 你好像做了那件事
  • 没有
    • 我发现很难通过CSS进行筛选，因为您有很多事情要做，我认为CSS3转换可能是造成此问题的原因，但我能够在桌面Safari中查看时锁定它，并使用以下内容：

    • 将
      位置：固定
      应用于主导航      ，而不是
      位置：绝对
      。桌面Safari对此很满意
    • 删除您的
      .site content:：before
      伪元素。      这仍然是导致Mobile Safari出现问题的原因。移除CSS到translate3d的转换（100%，0,0）也有帮助

    旁注：您也可以考虑简化HTML和/或CSS的方法。您有1.1MB加载，没有任何真实图像；对于移动用户来说，带宽是一项真正的成本。我知道这可能是一个皮塔，但值得一提。祝你好运

    我在桌面Safari中查看了您的站点，我看到了相同的问题

    问题似乎是网站布局仍然认为它更宽。起初，我确信一个简单的
    overflow-x:hidden
    和
    width:100%
    应用程序就可以做到这一点

    然而-

  • 你好像做了那件事
  • 没有
    • 我发现很难通过CSS进行筛选，因为您有很多事情要做，我认为CSS3转换可能是造成此问题的原因，但我能够在桌面Safari中查看时锁定它，并使用以下内容：

    • 将
      位置：固定
      应用于主导航      ，而不是
      位置：绝对
      。桌面Safari对此很满意
    • 删除您的
      .site content:：before
      伪元素。      这仍然是导致Mobile Safari出现问题的原因。移除CSS到translate3d的转换（100%，0,0）也有帮助

    旁注：您也可以考虑简化HTML和/或CSS的方法。您有1.1MB加载，没有任何真实图像；对于移动用户来说，带宽是一项真正的成本。我知道这可能是一个皮塔，但值得一提。祝你好运

    非常感谢你花时间帮我做这件事！我真的很感谢你和StackOverflow社区。谢谢我所做的是，将
    .nav primary
    设置为
    位置：固定
    和
    。站点内容：：之前
    到
    位置：固定也是。很高兴它有帮助！欢迎来到SO社区，从一个相对的新来者到另一个……非常感谢您抽出时间来帮助我！我真的很感谢你和StackOverflow社区。谢谢我所做的是，将
    .nav primary
    设置为
    位置：固定
    和
    。站点内容：：之前
    到
    位置：固定也是。很高兴它有帮助！欢迎来到SO社区，从一个相对的新来者到另一个。。。