Как сделать так, чтобы браузер игнорировал тег, но не его содержимое?

Question

[PavelTokare4523]

Суть проблемы: есть карусель на swiper, на мобилке должна быть карусель, а на десктопе фото в столбик. Чтобы не писать практически одно и тоже нужно просто сделать так чтобы тег <div class="swiper"> игнорировался браузером, а содержимое отрисовалось. Есть css свойство которое позволяет игнорировать теги, но не содержимое.

Comments

[Виталий Першин]

swiper breakpoints
css media

[YepBro]

Мне кажется, что ты не те вопросы задаешь. У тебя задача как сделать разное представление слайдера на мобилке и десктопе, а не придуманный тобой кейс, как заставить браузер игнорировать тег.

[Ankhena]

Я, конечно, отвечу на вопрос из заголовка: это display: contents

Но вы, действительно, решаете проблему не с того бока. Инициализируйте swiper только на мобилках.

[Froggyweb]

swiper destroy
https://ru.stackoverflow.com/questions/1205532/swi...

Answer 1

[SelenIT3]

Такое свойство есть — display: contents. Но обязательно тестируйте решения с ним на доступность, с ним бывают сюрпризы. Хотя конкретно в вашем случае проблем быть не должно.