HTML CSS Horizontal Layout Scaling

Я пытаюсь сделать горизонтальный макет (со столбцами), где содержимое масштабируется на основе окна браузера высота.HTML CSS Horizontal Layout Scaling

Я наткнулся на ответы о идеальном соотношении по ширине, но я хочу иметь бесконечную ширину (поскольку количество контента не всегда будет одинаковым).

Возможно ли это только с использованием HTML/CSS?

Для справки я смотрел на этих двух страницах: http://woork.blogspot.com/2009/02/useful-tips-to-design-horizontal.html & Height equal to dynamic width (CSS fluid layout)

Спасибо за любую помощь заранее.

источник

2013-04-02 user2234137

Короче говоря, да, возможно ... Какое значение вы не понимаете на этих страницах? Ваш первый URL-адрес выглядит точно, что вы здесь описываете, и поставляется с полными образцами кода. – Neograph734

Первый URL-адрес ничего не говорит о масштабировании содержимого. Когда я пытаюсь изменить CSS для ответа на высоту браузера, вместо ширины ничего не появляется. – user2234137

Будет сложно поддерживать соотношение сторон с css, но если вы установите высоту блока maincontent на 90% и высоту контейнеров на 100%. Они должны ответить на в окне браузера. Но только по высоте, никогда в ширину.

Оттуда вы можете использовать javascript для того, чтобы установить значение 0: <height> * 1.5 (или аналогичное) вам нужно будет сделать это в событии готовности документа, но также и в событии изменения размера окна.

источник

2013-04-03 09:12:48 Neograph734

Спасибо, я никогда не изучал javascript, поэтому я старался изо всех сил использовать CSS, но, я думаю, я просто сделаю снимок в javascript. – user2234137

HTML CSS Horizontal Layout Scaling

ответ

Смежные вопросы