Css3动画问题,水平站点宽度超过4000像素

时间:2011-04-23 17:17:48

标签: html5 animation webkit css3

我目前正在制作一个水平网站,希望制作类似http://www.thehorizontalway.com的内容,并希望添加一些很棒的新css3动画,但发现4000px宽是一个可以打破动画的神奇数字(看起来像divs position停止工作)我已经研究了-webkit-box建模和-webkit-box-orient:水平但这些似乎都没有修复(并且无法在webkit框中找到插槽)

有谁知道为什么会这样,我能做些什么

1 个答案:

答案 0 :(得分:1)

不确定4000px,从未认为它会成为动画的问题。

尝试使用百分比:

包装器=宽度:100%;高度:100%;你一次在屏幕上看到的是什么, 20页=宽度:2000%高度:100%;这将是整个网站的面具, 我相信这些应该是位置:绝对的;防止冲突;

然后你可能想在每页内容中加入一些div: 宽度:100%;高度:100%;向左飘浮;页面链接#id's如你所知。

它不会使您的网站看起来像“水平方式”它可以被视为一个 更好的方法,因为您可以使您的内容适合每个页面跳转&重新大小。

哦和...为什么横向...你可以叠加你的页面内容给 如果你想要一个对角效果,但是它有时会在lteIE8上摇摇欲坠,如果你说的话 您可以轻松地沿着这条路走下去,可以水平调整IE用户的布局。