Техническое задание: Адаптация встроенной таблицы для мобильных устройств

Суть задачи

На сайт через iframe встроена таблица из Google Docs. В текущем виде на мобильных устройствах (смартфонах, планшетах) она отображается некорректно: не занимает всю доступную ширину экрана, из-за чего появляется неудобная горизонтальная полоса прокрутки.

Цель работы

Настроить отображение таблицы так, чтобы на мобильных устройствах она автоматически растягивалась на 100% ширины области просмотра (viewport). Горизонтальный скролл должен быть устранен, а содержимое таблицы должно оставаться читаемым и функциональным.

Ключевые требования

• Таблица во встроенном iframe должна занимать всю доступную ширину на мобильных устройствах.
• Горизонтальная полоса прокрутки на мобильных устройствах должна быть исключена.
• Решение должно быть адаптивным и корректно работать на экранах разного размера.
• Внесенные изменения не должны ломать текущее отображение таблицы на десктопных версиях сайта.
• Предпочтительно решение на уровне CSS (стилей) или корректировки параметров iframe.

Ожидаемый результат

Пользователи, заходящие на сайт с мобильных телефонов, видят таблицу, которая идеально вписывается в ширину их экрана. Контент таблицы доступен для просмотра без необходимости горизонтального прокручивания.