水平站点宽度超过 4000 像素时的 CSS3 动画问题
我目前正在一个水平网站上工作，希望制作类似 http://www.thehorizontalway.com 的内容，并且是希望添加一些很棒的新 css3 动画，但发现 4000px 宽是一个破坏动画的神奇数字（看起来 div 位置停止工作）我研究了 -webkit-box 建模和-webkit-box-orient:horizontal 但这些似乎都不是解决办法（并且在 webkit 盒子上找不到插槽）
有谁知道为什么会发生这种情况以及我能做些什么
I'm currently working on a horizontal site looking to make something like http://www.thehorizontalway.com and was looking to add in some great new css3 animations but have found that 4000px wide is a magic number that breaks the animations (appears the divs position stops working) I've looked into the -webkit-box modeling and -webkit-box-orient:horizontal but neither of these seem to be a fix (and can't find slot on the webkit box)
Does anyone know why this is happening and what I could do to
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
不确定 4000px，从来没有想过这会是动画的问题。
尝试使用百分比：
包装器 = width:100%;高度：100%； = 您一次在屏幕上看到的内容，
20 页 = 宽度:2000 % 高度:100%;这将是整个网站的掩码，
我相信这些应该是position:absolute;防止冲突；
然后你可能想在每页内容中放置一些 div：
宽度：100%；高度：100%；浮动：左；如您所知，页面链接#id。
它不会使您的网站看起来像“水平方式”，它可以被视为
更好的方法，因为您可以使您的内容适合每个页面跳转和页面跳转。重新调整大小。
哦还有......为什么是水平的......你可以堆叠你的页面内容来给出
如果你想要的话，可以使用对角线效果，但是，在 lteIE8 上它有时会不稳定，也就是说如果
如果您选择轻松地沿着这条路走下去，您可以水平调整 IE 用户的布局。
Not sure about the 4000px, never assumed it would be an issue with animation.
Try Using percentages:
The wrapper = width:100%; height:100%; = What you're seeing on screen at a time,
20 pages = width:2000 % height:100%; which will be the mask of the entire site,
I believe these should be position:absolute; to prevent conflicts;
Then you will probably want to put some divs in per page content:
width:100%; height:100%; float:left; with page link #id's as you know.
It won't make your site look like "The Horizontal Way" It can be considered as a
better method as you can make your content fit to every page jump & re-size.
Oh and...Why horizontal... you can stack your page content to give
a diagonal effect if you want but, it's sometimes shaky on lteIE8, with that said if
you choose to go down that road easily you can condition the layout for IE users horizontally.