Максимальная ширина CSS в игнорируется ⇐ CSS

[Anonymous]

Я пытаюсь создать таблицу, ширина которой составляет 100% от родительского контейнера, и размер каждого td автоматически зависит от размера экрана, и все работает нормально.
В td игнорируется только свойство max-width. Он масштабируется до более чем 150 пикселей. Минимальная ширина работает нормально.
Что я делаю не так?
У меня следующий CSS:

Код: Выделить всё

table {
table-layout: fixed;
width: 100%;
}
td {
min-width: 60px;
max-width: 150px;
height: 40px;
}

Изменить:
Рабочий пример: https://jsfiddle.net/7ez2hmy6/1/

Подробнее здесь: https://stackoverflow.com/questions/689 ... td-ignored