Как сделать адаптивную версию на всю ширину?

Question

[serhgons]

есть сайт на wordpress, на одной страниц есть table. Этот table довольно таки широкий, и не влезает в экран когда я открываю страницу с моб версии
Мне нужно чтобы при открытии страницы со смартфона она открывалась на всю ширину сразу как на картинке 2. И еще чтобы header и foter на всю ширину были соответственно. Подскажите как это можно сделать?

Comments

[Ankhena]

2. И еще чтобы header и foter на всю ширину были соответственно.

С этим, скорее всего, просто.
Как только таблица уместится в ширину экрана, то с ними всё будет хорошо.

Мне нужно чтобы при открытии страницы со смартфона она открывалась на всю ширину сразу как на картинке

Ну что тут можно сделать.
- Проверять, что нет запрета на переносы. Например в "подробнее о рейсе" и других аналогичных подозрительных местах.
- Также включать перенос внутри слов.
- Уменьшать шрифт (но помнить о том, что у пользователей могут быть настройки запрещающие уменьшать шрифт меньше какого-нибудь ими выбранного значения)
- Перестраивать саму таблицу
- Скроллить таблицу внутри блока имеющего ширину окна (ну или еще минус отступы)

[serhgons]

Ankhena, вы не совсем поняли вопрос. Пусть таблица остается такого же размера. Мне нужно чтобы пользователь открывающий страницу видел сразу весь её масштаб. А потом уже приближал и смотрел что ему нужно

[Ankhena]

serhgons, вычисляйте transform scale
Помещайте абсолютом в подготовленный div с overflow