Прошу помощи сообщества. При верстке сайта допустил ошибку, своевременно не предусмотрел

Question

Прошу помощи сообщества. При верстке сайта допустил ошибку, своевременно не предусмотрел

необходимость наличия таблиц в описаниях товара. Теперь, Яндекс.Вебмастер сообщает, что страницы с таблицами недостаточно оптимизированы под мобильные устройства: имеют горизонтальную полосу прокрутки.
Подскажите, какие есть способы решения проблемы?
Может каким-то то образом можно стилизовать вложенные в описания товаров таблицы в CSS, задать правила для .product_section table?

#css #programming #russian

0

15.04.2022

5 ответов

10 просмотров

Max Volcov Автор вопроса

Данил
Посмотри, если колонок немного - неплохое решение ...

Благодарю, способ хорош. Но в моем случае, задать data- атрибуты таблицам не представляется возможным. Большое количество существующих страниц с описаниями товаров содержит таблицы, и переделывать их всех, что бы задать data- атрибуты потребуется много времени. Тот еще гемор…

0

15.04.2022

Данил

Max Volcov
Благодарю, способ хорош. Но в моем случае, задать...

Я в своё время много гуглил, так и не нашёл другого хорошего решения. Если найдешь - скинь в личку пожалуйста

0

15.04.2022

Max Volcov Автор вопроса

Способ мягко говоря не идеален, но все-таки теперь страницы с таблицами соответствуют требованиям адаптивности. @media only screen and (max-width : 576px){ .product_section table { display: block; overflow-x: auto; white-space: nowrap; border: 1px solid #f1f1f3; padding-bottom: 10px; } } На мобильных версиях часть таблицы скрыта, у таблицы появилась горизонтальня полоса прокрутки. Просто стилизовал таблицы в CSS с учетом вложенности.

0

15.04.2022

Данил

Max Volcov
Способ мягко говоря не идеален, но все-таки теперь...

так я думал что ты от этого хотел уйти, чтобы весь контент таблицы был на виду на мобилах

0

15.04.2022