Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 禁用水平滚动+;在一些元素绝对定位的响应性网站上移动_Css_Responsive Design - Fatal编程技术网

Css 禁用水平滚动+;在一些元素绝对定位的响应性网站上移动

Css 禁用水平滚动+;在一些元素绝对定位的响应性网站上移动,css,responsive-design,Css,Responsive Design,我有一个响应网站,在那里我禁用了水平滚动 body{ overflow-x: hidden } 但我仍然有一个问题,在触摸设备中,我可以将屏幕向右移动(或在桌面浏览器中使用向右箭头键) 诀窍是我有一个Css3动画,它将元素从marginleft:1000px移动到marginleft:-1000px 我试图将代码重新分解到绝对位置,以及left:1000px到left:-1000px,但出现了相同的问题 我甚至尝试使用: 或者添加额外的html{overflow-x:hidden} 什么都没用

我有一个响应网站,在那里我禁用了水平滚动

body{ overflow-x: hidden }
但我仍然有一个问题,在触摸设备中,我可以将屏幕向右移动(或在桌面浏览器中使用向右箭头键)

诀窍是我有一个Css3动画,它将元素从
marginleft:1000px
移动到
marginleft:-1000px

我试图将代码重新分解到绝对位置,以及
left:1000px
left:-1000px
,但出现了相同的问题

我甚至尝试使用:

或者添加额外的
html{overflow-x:hidden}

什么都没用

有没有人有其他想法,如何禁用向右移动,使我的设计保持灵敏,我可以保持元素(云)动画

网站:


thx

我的建议是让溢出物留在身体上。用
最大宽度:100%隐藏每个部分的包装这将阻止您的页面水平滚动,并且在内容与屏幕不匹配时仍允许我向下浏览页面。我还认为放置
框大小:边框框
(带有所有供应商前缀)是一种很好的方法,可以避免您的箱子被从容器中推出,从而避免填充和边框