- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Доброго дня всем! Подскажите, пожалуйста, у меня такая ситуация. Есть сайт, на котором настроена адаптивность - то есть мета-тег viewport и при просмотре с мобильных заменяется css у многих элементов - уменьшается ширина, что-то вообще скрывается.
В частности, на главной странице есть слайдер и текст, они выводятся в рядом стоящих ячейках <td>слайдер</td> <td>текст</td>. В десктопной версии они отображаются рядом, как обычно, а в мобильной этим td задается свойство display: block; , чтобы они отображались друг под другом, как блоки.
И при просмотре через инструменты разработчика chrome все ок - блоки отображаются друг под другом:
Однако, при проверке сайта через pagespeed, он уже показывает скриншот, что блоки на мобильном рядом, из-за чего текст не виден:
И ругается из-за этого, дескать, адаптируйте размер контента для области просмотра.
Подскажите, пожалуйста - почему так? По идее, все же настроено, а у pagespeed как-то "не срабатывает" display: block; для td
Ну что, ни у кого нет версий, почему google pagespeed и некоторые смартфоны некорректно отображают "display: block" у td? А конкрентно - почему они продолжают отображать их рядом, как ячейки таблицы, а не друг под другом как блоки?
Если не найду решение - то единственный выход, наверное - это переверстывать весь сайт, переходя с табличной верстки на блочную..
Ну что, ни у кого нет версий, почему google pagespeed и некоторые смартфоны некорректно отображают "display: block" у td? А конкрентно - почему они продолжают отображать их рядом, как ячейки таблицы, а не друг под другом как блоки?
Если не найду решение - то единственный выход, наверное - это переверстывать весь сайт, переходя с табличной верстки на блочную..
Эмм, табличная верстка времён мезозоя 😂
Все корректно работает, добавьте ещё block к table. Так же у Вас там фикс размеры в шапке и футере.
Добавил block к table, но, к сожалению, все равно не работает - PageSpeed продолжает показывать ячейки рядом.
Фикс размеры - да, есть, но они небольшие вроде, все вместе не больше 340 пикселей в ширину. Хотя, можно и еще подуменьшить, до 300 в общей сложности