CSS width и max-width объединены

У меня есть следующий код:

<table style="width: 100%; max-width: 800px; table-layout: fixed;">
    ... table stuff here ...
</table>

Думаю, очевидно, что я хочу, чтобы таблица занимала всю доступную ширину, с ограничением максимального размера в 800px.

Это работает в Internet Explorer и Firefox, однако в Chrome кажется, что max-width игнорируется, когда width присутствует.

Я попробовал использовать max-width: 100%; width: 800px;, который снова работает в IE и FF, но max-width игнорируется в Chrome. Я пробовал использовать только max-width: 800px, но в Chrome таблица получается шириной 1159 пикселей... !

Если кто-то может помочь с этим, буду очень признателен.

28
задан Brian Tompsett - 汤莱恩 14 January 2018 в 12:25
поделиться