KSANDR134

Рейтинг
0
Регистрация
23.03.2023
alexx10 #:

JS для отслеживания изменения масштаба страницы.


window.addEventListener("resize", getSizes, false)

       
function getSizes(){
  let body = document.body;
  body.width = window.innerWidth;
  body.height = window.innerHeight;

  console.log(body.width +"px x "+ body.height + "px"); // Вывод в консоль размеров body.

//  Посмотри, какие будут размеры для твоего масштаба и дальше напиши

if(body.width == 'твой размер') {

// Здесь новый код для баннера

}

}

getSizes()

Сейчас попробую, спасибо

webinfo #:

Не могу, к сожалению. Потому что этот код надо выкинуть и написать новый.

webinfo #:

Не могу, к сожалению. Потому что этот код надо выкинуть и написать новый.

Понял, спасибо

webinfo #:

В чём конкретно не очень разбираетесь? И "не очень разбираетесь" или "не разбираетесь"? Если первое - то спрашивайте конкретно, что не понятно. Если второе - то изучайте материалы по этой тематике: HTML (разметка страницы), табличная и блочная вёрстка, медиа-запросы CSS.

Вы можете просто написать что в этом коде нужно сделать чтобы  баннеры были при увеличение масштаба как мне нужно?

webinfo #:
1. Нужно уйти от табличной вёрстки.
2. Использовать медиа-запросы CSS.

А как это сделать? я не очень в этом просто разбираюсь

webinfo #:

А как вы увеличиваете масштаб страницы?

Что Вы называете верхними и нижними баннерами?

Так чего в итоге надо добиться? Чтобы "вниз под баннер" или "как нижние баннеры"?

Увеличиваю масштаб страницы ctrl + 

На скриншоте втором посмотрите пожалуйста, я  хочу чтобы баннеры верхние 2 штуки становились как нижние баннеры 2 штуки при увеличение масштаба страницы.

Как нижние баннеры чтобы стали верхние баннеры при увеличение масштаба.