В настоящее время у меня есть div, содержащий таблицу, в которой включено переполнение, и всю таблицу можно просмотреть с помощью прокрутки. Проблема в том, что в сафари / мобильном сафари html и body имеют горизонтальную прокрутку.
Следующий подход работает для Firefox и Chrome, не работает в Safari и не тестируется в IE.
html, body {
max-width: 100% !important;
overflow: hidden !important;
}
Вот свойства таблицы
.tableElements {
margin: 5% auto;
width: 80%;
max-width: 100%;
display: flex;
flex-direction: column;
}
.tableElements table {
width: 100%;
overflow-x: scroll;
display: block;
table-layout: auto
}
Не совсем уверен, что еще попробовать.