Css3 анимации проблемы с горизонтальным сайтом более 4000 пикселей шириной

Question

В настоящее время я работаю над горизонтальным сайтом, пытаясь создать что-то вроде http://www.thehorizontalway.com, и искал возможность добавить несколько великолепных новых анимаций css3, но обнаружил, что 4000px в ширину - это магическое число, которое нарушает анимацию (появляетсяпозиция div перестает работать) Я посмотрел на моделирование -webkit-box и -webkit-box-orient: горизонтальный, но ни один из них, похоже, не является исправлением (и не может найти слот в окне webkit)

Кто-нибудь знает, почему это происходит и что я могу сделать для

Answer 1

Не уверен насчет 4000px, никогда не предполагал, что это будет проблемой с анимацией.

Попробуйте использовать проценты:

Оболочка = width: 100%;высота: 100%;= То, что вы видите на экране одновременно, 20 страниц = ширина: 2000% высота: 100%;которая будет маской всего сайта, я считаю, что это должна быть позиция: абсолютная;для предотвращения конфликтов;

Тогда вы, вероятно, захотите добавить несколько div-ов для содержимого страницы: width: 100%;высота: 100%;плыть налево;со ссылкой на страницу # id, как вы знаете.

Это не сделает ваш сайт похожим на «Горизонтальный путь». Это можно рассматривать как лучший способ, так как вы можете сделать свой контент подходящим для каждой страницы.-size.

Да, и ... Почему по горизонтали ... вы можете сложить содержимое страницы, чтобы получить эффект диагонали, если хотите, но иногда на lteIE8 это шатко, с этим сказано, что если вы решите пойти внизТаким образом, вы легко можете расположить макет для пользователей IE по горизонтали.