Как сделать текст читабельным на мобильных устройствах?
Создал описание продукта на Ebay (html/css - адаптивная верстка). Несмотря на то, что описание "responsive", при посещении объявление на мобильном устройстве (через приложение), выглядит все не очень удобно. А именно: при нажатии "read more" в описании, ebay открывает сверстанное описание в новом, так сказать, окне.
Как сделать так, чтобы при разрешении экрана меньше чем я задал, оформление сменялось текстом (который я подготовил)
Нужна не адаптивная верстка (так как она уже такая), а именно замена. Чтоб все картинки в описании и ссылки, все сменилось на голый текст но, не тот который был в верстке изначально).
Пример: на устройствах с "таким то" разрешением будет оформленное описание продукта но, если зайти с мобильного устройства в описание, то будет только голый текст отличающийся от оформленной страницы.
То, что вы называете заменой и есть адаптивная верстка.
Создайте в описании сразу все блоки, и для десктопов, и для мобильных.
В css для десктопов на блоки для мобильных поставьте свойство display : none.
И наоборот. Например: media only screen and (max-width: 760px) and (orientation: portrait) {
.desktop_block {display:none}
}
Простой
Средний
