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

2. Я решил использовать стол, ширину которого я установил на 100%. Видимый эффект был удовлетворительным и масштабным Люблинский веб-сайт во всех браузерах это было легко. Во всех, кроме Internet Explorer.

3. Как видите, то, что не является проблемой в Firefox, Opera или Google Chrome в Internet Explorer, интерпретируется не так, как я хотел. Решение было тривиальным, но потребовалось некоторое время, чтобы найти его. Я не нашел ответа ни на одном польскоязычном сайте. Я обнаружил, что Internet Explorer во многих случаях может интерпретировать код достаточно хорошо.

4. Установка таблицы на ширину 100% является достаточной информацией для большинства браузеров. Для Internet Explorer нам нужно позаботиться еще об одном. Размер графики в нашей таблице Веб-сайт Пулавы это не может быть установлено в пикселях, или не может быть пустых полей относительно множества графики. Чтобы все масштабировалось так, как мы должны установить ширину каждого графика в таблице на «100%», а высоту на «авто»

Как вы можете видеть, редактор Tiny MCE также не работает с масштабированием таблицы, если он содержит графику большего размера.

5. После принятия настроек в редакторе Tiny MCE таблица с графикой уже находится в поле редактирования. Проблема с масштабированием веб-страницы в Internet Explorer также была решена. Однако следует помнить, что установка ширины графики на 100% может привести к тому, что они увеличатся сверх фактического размера, и, следовательно, они могут быть низкого качества.

Например, веб-сайт Lublin имеет ширину 1200 пикселей на большом экране. Таблица, если она имеет 4-колоночную разметку, сможет вместить 4 графических изображения шириной 300 пикселей. Если мы поместим в таблицу графику с фактической шириной 200 пикселей, после того, как мы дадим им ширину 100%, они будут масштабированы до ширины 300 пикселей. Большой экран будет видеть снижение их качества.

Похожие