Как вы определяете минимальную ширину таблицы HTML с использованием JavaScript?CSS

Разбираемся в CSS
Anonymous
Как вы определяете минимальную ширину таблицы HTML с использованием JavaScript?

Сообщение Anonymous »

Если таблица HTML установлена на Table-Layout: Auto , то она имеет минимальную ширину, установленную браузером, определяемым содержимым таблицы. Есть ли способ найти эту минимальную ширину, используя JavaScript? Я сделал что -то похожее на это. Прямо сейчас я использую медиа -запросы, но я хотел бы знать, какую ширину таблицу должна была бы переключиться на этот мобильный вид. Вы даже можете увидеть в примере в какой -то момент таблица простирается за пределами ширины страницы, создавая полосу прокрутки, которой я пытаюсь избежать.table {
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%;
}

@media (max-width: 768px) {
table {
table-layout: fixed;
white-space:nowrap;
}
th, td {
overflow: hidden;
height: 15px;
font-size: 0;
color: transparent
}
}


Подробнее здесь: https://stackoverflow.com/questions/242 ... javascript

Вернуться в «CSS»