Как изменить контент страницы зависимо от разрешения?

Question

[Василий Демянюк]

Нужно изменить текст или картинку на другие, зависимо от разрешения. Имеет ли bootstrap, css, или html какие-то инструменты для этого, или нужно использовать jQuery?

Comments

[Roman]

media и скрывай class

[Василий Демянюк]

Ну да, а как на его место новый додать, и хорошо бы с тем же названием?

Answer 1

[axeax]

расширения или разрешения?

Comments

[Василий Демянюк]

Упс, разрешения.

[axeax]

Если текст написать через css свойство content а картинки через backround-image, то можно через media запросы

[Василий Демянюк]

axeax: Да, но если мне нужно большой объем текста, то content как-то не очень. Плюс я не знаю как его внутри форматировать.

[axeax]

напирмер, можно создать блок с контентом, и дать ему bootstrap класс visible-xs и второй блок с контентом и классом visible-md. Первый блок будет виден только на ширине <768, второй от 992 до 1200. Ну в таком духе.
Без bootstrap можно по тому же принципу. 2 блока с разным для своего разрешения контентом. В media прописываете display:block и display:none для нужных блоков

[Василий Демянюк]

axeax:

Да, мне здесь то же ответили: .
Забыл написать. Спасибо за второй вариант.