滑动时整个网站在 iPhone 上向左移动 - 如何关闭它?
Whole Website moving left on iPhone when swiping - how does one turn that off?
当我在 Chrome 中打开网站 http://www.stuttmann-karikaturen.de/karikatur/6358 时,将 浏览器 window 设置得尽可能窄 然后将图像滑动到鼠标左侧,一切正常 - 标题保持在中心,图像移动:
如果我切换到 iPhone 6 视图模式并执行相同操作,标题也会向左移动 (就像在真实的 iPhone 上一样):
我了解的不够CSS,无法找到背后的原因(我没有写,那是我的借口)。
我检查了其中一个包含元素(下图中的 1、2)是否太宽,但据我所知它完全符合 phone 宽度(均设置为 375,匹配Chrome 中 iPhone 视图的宽度) (3):
所以好像都没有
<div id="container">
也不
<div id="wrapper">
负责。我想在小型浏览器 window 和 iPhone 中滑动的行为是有区别的。我怎样才能关闭它?
补充说明: owl-carousel 只是将此图库功能添加到 jQuery。我没有 post 额外的代码,因为 (a) 这个问题在网上可见,并且 (b) 涉及很多代码可能是负责任的,所以我 post 根据要求提供它。
尝试做一个
overflow-x: hidden
在 body 上,它将解决您的问题。
出现此错误是因为滑块中的图像宽度太大
当我在 Chrome 中打开网站 http://www.stuttmann-karikaturen.de/karikatur/6358 时,将 浏览器 window 设置得尽可能窄 然后将图像滑动到鼠标左侧,一切正常 - 标题保持在中心,图像移动:
如果我切换到 iPhone 6 视图模式并执行相同操作,标题也会向左移动 (就像在真实的 iPhone 上一样):
我了解的不够CSS,无法找到背后的原因(我没有写,那是我的借口)。
我检查了其中一个包含元素(下图中的 1、2)是否太宽,但据我所知它完全符合 phone 宽度(均设置为 375,匹配Chrome 中 iPhone 视图的宽度) (3):
所以好像都没有
<div id="container">
也不
<div id="wrapper">
负责。我想在小型浏览器 window 和 iPhone 中滑动的行为是有区别的。我怎样才能关闭它?
补充说明: owl-carousel 只是将此图库功能添加到 jQuery。我没有 post 额外的代码,因为 (a) 这个问题在网上可见,并且 (b) 涉及很多代码可能是负责任的,所以我 post 根据要求提供它。
尝试做一个
overflow-x: hidden
在 body 上,它将解决您的问题。
出现此错误是因为滑块中的图像宽度太大