Разработка таблицы, которая уменьшается при настройке размера браузера

Question

У меня есть HTML-таблица, которую я хочу сделать плавной, чтобы при ее изменении размер таблицы сжимался / сжимался, как таблица на http://sis.bristol.ac.uk/~cckhrb/webdev/code/site/fluid.htm.

Как мне создать такой стол?

Спасибо

Answer 1

Просто дайте элементу <table> width из 100%.

table {
    width: 100%;
}

Answer 2

На самом деле пример таблицы не имеет width: 100%.

Изменение размера таблицы по умолчанию в HTML, вам не нужно «ничего делать», чтобы создать такую ​​таблицу. Самое главное, не устанавливайте ширину.

ИМХО чрезмерное проектирование и фиксация "идеального дизайна пикселей" идет вразрез с основной природой рендеринга HTML. Просто дайте течь.