水平網站超過4000像素寬度的Css3動畫問題

Question

我目前正在尋找類似http://www.thehorizontalway.com的水平網站，並正在尋找添加一些很棒的新css3動畫，但發現4000像素寬是一個幻數動畫（出現divs位置停止工作）我已經研究了-webkit-box建模和-webkit-box-orient：horizo​​ntal但這些都不是解決方法（並且無法在webkit框中找到插槽）

有誰知道爲什麼發生這種情況，什麼我可以做些什麼來

Answer 1

不能確定4000px，從來沒有認爲這將是帶有動畫的問題。

嘗試使用百分比：

wrapper = width：100％;高度：100％; =一次在屏幕上看到的內容， 20頁=寬度：2000％高度：100％;這將是整個網站的面具， 我相信這些應該是位置：絕對;防止衝突;

然後你可能會想在每個頁面內容中放一些div： width：100％;高度：100％;向左飄浮;如您所知，使用頁面鏈接＃編號。

它不會讓你的網站看起來像「水平的方式」它可以被認爲是更好的方法，因爲你可以使你的內容適合每個頁面跳轉&重新調整大小。

哦，...爲什麼...水平你可以堆疊您的網頁內容，如果你想給 對角線的效果，但是，它有時lteIE8搖搖欲墜，如果 你選擇輕鬆地走這條道路與說您可以水平調整IE用戶的佈局。