2011-04-23 46 views
1

我目前正在寻找类似http://www.thehorizontalway.com的水平网站,并正在寻找添加一些很棒的新css3动画,但发现4000像素宽是一个幻数动画(出现divs位置停止工作)我已经研究了-webkit-box建模和-webkit-box-orient:horizo​​ntal但这些都不是解决方法(并且无法在webkit框中找到插槽)水平网站超过4000像素宽度的Css3动画问题

有谁知道为什么发生这种情况,什么我可以做些什么来

+0

您能提供一个代码示例来演示您遇到的问题吗? – 2011-04-23 23:20:21

回答

1

不能确定4000px,从来没有认为这将是带有动画的问题。

尝试使用百分比:

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

然后你可能会想在每个页面内容中放一些div: width:100%;高度:100%;向左飘浮;如您所知,使用页面链接#编号。

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

哦,...为什么...水平你可以堆叠您的网页内容,如果你想给 对角线的效果,但是,它有时lteIE8摇摇欲坠,如果 你选择轻松地走这条道路与说您可以水平调整IE用户的布局。