Добрый день!
У меня есть такая таблица:
<table class="section4_table" border="1" cellpadding="4">
<tr>
<th style="background-color: #f9f9f9;"></th>
<th style="background-color: #f9f9f9;" class="section4_table-name">Заголовок 1</th>
<th style="background-color: #f9f9f9;" class="section4_table-name">Заголовок 2</th>
<th style="background-color: #f9f9f9;" class="section4_table-name">Заголовок 3</th>
</tr>
<tr>
<td> <h4 class="section4_table-header-h4"> позиция 1 </h4> </td>
<td> текст </td>
<td> текст </td>
<td> текст </td>
</tr>
<tr>
<td style="border-bottom:1px solid white;"> <h4 class="section4_table-header-h4"> позиция 2 </h4> </td>
<td style="border-bottom:1px solid white;">
<div class="section4-list_item">
<div class="left-float"> (иконка) </div>
<div class="section4-list_item-right_block"> описание 1 </div>
</div>
</td>
<td style="border-bottom:1px solid white;"> <div class="section4-list_item">
<div class="left-float">(иконка) </div>
<div class="section4-list_item-right_block"> описание 2 </div>
</div>
</td>
<td style="border-bottom:1px solid white;"> <div class="section4-list_item">
<div class="left-float"> (иконка) </div>
<div class="section4-list_item-right_block"> описание 3 </div>
</div>
</td>
</tr>
</table>
и таких строк с четырьмя ячейками много - таблица большая.
На мобильном устройстве страница адаптируется, кроме этой таблицы - она не меняет масштаб и не влезает в окно.
Есть ли какой-нибудь способ сделать так, чтоб она пропорционально уменьшалась и полностью влезала в экран телефона?
заранее спасибо.
Средний
Средний
