2014-08-01 2 views
0

У меня есть div, который содержит еще 3 divs, и каждый из них имеет таблицу. Я хочу, чтобы они меняли свой размер в зависимости от размера экрана. Причина, по которой мне это нужно, потому что: Если страница открывается с разрешением 1366x768, то нижний колонтитул страницы перемещается вместе с ней, и в результате я получаю полосу прокрутки. Поскольку одна из таблиц уже имеет полосу прокрутки сама по себе, другая полоса прокрутки кажется уродливой. При большем разрешении все кажется прекрасным (за исключением, может быть, таблиц выглядит меньше и там находится большое количество пустого пространства).Как сделать div/table изменить свой размер?

Я читал, что это можно сделать с помощью css, но будет ли такое решение работать в другом браузере? (Например, IE и Chrome).

+1

делитесь своим кодом плз. –

+1

Попробуйте использовать% ширины вместо фиксированной ширины в px – Sweetz

+0

Обратите внимание на ответ Криса из этого вопроса http://stackoverflow.com/questions/11890750/min-width-max-width-css-use-smallest-width –

ответ

2

Дайте max-width на ваш самый внешний div, который содержит другие DIVs, а затем использовать percentage % для внутреннего DIVs

Если у вас есть контейнер div является 960px широким, если у вас есть Col DIV в контейнере в 320px широком то, что бы be 33.33%

320*100/960 = 33.33% 
Смежные вопросы