@enema110

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

Доброго времени суток.
Подскажите пожалуйста как адаптировать окошки с промокодами под мобильные устройства? Вот сайт что бы было понятней opromokod.ru
Добавлял
<meta name="viewport" content="width=device-width, initial-scale=1">

Но не помогло, либо прописывал совсем не там.

А вот часть самого кода:
<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			<div id="DIV_4">
				 5%
			</div>
		</div>
		<div id="DIV_5">
			 <span id="SPAN_7">Скидка 5% за подписку на рассылку VK</span>
			<p id="P_8">
			</p>
Условия: подпишись на рассылку от ВелоДрайв в VK и получи купон на скидку 5%. Действует в розничных магазинах!
			<p id="P_9">
				<div class="wp-block-button"><a class="wp-block-button__link has-background" href="https://ad.admitad.com/g/djq5zn6hpf5195ba99f05f3bd41df7/?i=3" style="background-color:#52ff1e"><strong>Участвовать</strong></a></div>
			</p>
			<p id="P_12">
				<i id="I_13"></i>Срок действия: Бессрочно
			</p>
			<div id="DIV_14">
			</div>
		</div>
	</div>
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ответы на вопрос 1
Для этого в CSS существуют медиазапросы. Научитесь их использовать и сможете решить свою проблему. И javascript тут не причем.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы