Как сделать текст читабельным на мобильных устройствах?

Question

[espinal]

Создал описание продукта на Ebay (html/css - адаптивная верстка). Несмотря на то, что описание "responsive", при посещении объявление на мобильном устройстве (через приложение), выглядит все не очень удобно. А именно: при нажатии "read more" в описании, ebay открывает сверстанное описание в новом, так сказать, окне.

Как сделать так, чтобы при разрешении экрана меньше чем я задал, оформление сменялось текстом (который я подготовил)
Нужна не адаптивная верстка (так как она уже такая), а именно замена. Чтоб все картинки в описании и ссылки, все сменилось на голый текст но, не тот который был в верстке изначально).

Пример: на устройствах с "таким то" разрешением будет оформленное описание продукта но, если зайти с мобильного устройства в описание, то будет только голый текст отличающийся от оформленной страницы.

Надеюсь изложил понятно.
Спасибо!

Comments

[shmatuan]

Надеюсь изложил понятно.

Без кода, ссылок или картинок :(

[shmatuan]

на устройствах с "таким то"

@media screen and (max-width: 600px) {
  .info img {
    display: none;
  }
}

[Александр]

Где кот?

Answer 1

[Максим]

meta:viewport есть в head ?

Answer 2

[VA_ic2b]

То, что вы называете заменой и есть адаптивная верстка.
Создайте в описании сразу все блоки, и для десктопов, и для мобильных.
В css для десктопов на блоки для мобильных поставьте свойство display : none.
И наоборот. Например:
media only screen and (max-width: 760px) and (orientation: portrait) {
.desktop_block {display:none}
}