@bxspb
Признайся, тебе не дают, по тому что ты кодер

Как изменить код HTML в зависимости от ширины экрана?

Привет, можете показать пример варианта решения (полагаю на js и видимо с ajax) задачи:
Обрамить блок тегами при определенной ширине экрана.

Пример:
Ширина экрана > 1200px
<div id="content"></div>
Ширина экрана < 1200px
<div id="mobile">
     <div id="cotnent"></div>
</div>


Спасибо.
  • Вопрос задан
  • 458 просмотров
Решения вопроса 1
Tim-A-2020
@Tim-A-2020
Помог? Отметь решением
$(window).resize(function(e) {
  let width = e.target.innerWidth
    if(width < 1200) {
      //меняем элементы в html
   }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Dabl20
@Dabl20
IMHO
Если нужна работа с отображением то правильно советуют медиаквери.
https://html5css.ru/css/css3_mediaqueries_ex.php

А для того что в примере нужно на js
  • копировать блок,
  • удалить из документа,
  • вставить оборачивающий блок(родитель)
  • и в него вставить копированный
  • и отправить все это в документ.


Ajax тут лишний, он для другого.
Это называется работа с DOM.

Хороший сайт для изучения javascript.
learn.javascript.ru
Странно что этот сайт тут забанен в публикациях, поэтому неполная ссылка
Ответ написан
Ваш ответ на вопрос

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

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