Css 在ipad上隐藏带负边距的div

Css 在ipad上隐藏带负边距的div,css,ipad,css-transforms,margins,Css,Ipad,Css Transforms,Margins,我在ipad上有一个动画东西从-200px到1500px,并用overflow-x:hidden隐藏在浏览器中 当我在ipad上查看时,我可以滚动“off-screen”,看到隐藏的项目,即使主体和html设置为宽度:100%和高度:100%。 如何在ipad中修复此问题?您可以在ipad视口中使用媒体查询 @仅媒体屏幕 和(最小设备宽度:768px) (最大设备宽度:1024px){/*样式在这里*/}您可以尝试将动画放置在不比屏幕宽的div中。然后应用溢出:隐藏在该分区上。尝试如下操作: h

我在
ipad上有一个动画
东西从
-200px
1500px
,并用
overflow-x:hidden
隐藏在浏览器中

当我在
ipad
上查看时,我可以滚动
“off-screen”
,看到隐藏的项目,即使主体和html设置为
宽度:100%
高度:100%。


如何在ipad中修复此问题?

您可以在ipad视口中使用媒体查询

@仅媒体屏幕 和(最小设备宽度:768px)
(最大设备宽度:1024px){/*样式在这里*/}

您可以尝试将动画放置在不比屏幕宽的div中。然后应用
溢出:隐藏在该分区上。

尝试如下操作:

html, body {
   position:relative;
}