Bymas | определение пикселей екрана

всем привет. как в РНР сделать запрос например если екран больше или равно 700рх то...
буду очень благодарен

только с помощью Javascript

Js
const screenWidth = window.screen.width
const screenHeight = window.screen.height

Для каких целей?

Zyyyz (10 апр 2024, в 10:39)
всем привет. как в РНР сделать запрос например если екран больше или равно 700рх то...
буду очень благодарен

Через .css, если это касается шаблона

css

@media screen and (min-width: 700px) {

    .body {

        background: red;

    }

}

Через JS (Пост #3), но слишком затратно для производительности, если правильно не сумеешь оптимизировать.

javascript

const screenWidth = window.screen.width,

      screenHeight = window.screen.height;



console.log(`Ширина = ${screenWidth}; Высота = ${screenHeight}`);



// Либо так, тут расчёт будет более верным, так как полоса для прокрутки страницы не учитывается



const clientWidth = document.documentElement.clientWidth,

      clientHeight = document.documentElement.clientHeight;



console.log(`Ширина = ${clientWidth}; Высота = ${clientHeight}`);

________
посл. ред. 10.04.2024 в 13:26; всего 3 раз(а); by the_lark

DELETED (10 апр 2024, в 11:54)
Через .css, если это касается шаблона

css

@media screen and (min-width: 700px) {

    .body {

        background: red;

    }

}

Через JS (Пост #3), но слишком затратно для производительности, если правильно не сумеешь оптимизировать.

javascript

const screenWidth = window.screen.width,

      screenHeight = window.screen.height;



console.log(`Ширина = ${screenWidth}; Высота = ${screenHeight}`);



// Либо так, тут расчёт будет более верным, так как полоса для прокрутки страницы не учитывается



const clientWidth = document.documentElement.clientWidth,

      clientHeight = document.documentElement.clientHeight;



console.log(`Ширина = ${clientWidth}; Высота = ${clientHeight}`);

так откуда ты знаешь для чего именно ему надо определить параметры?? может не для стиля адаптации.) может для других целей

d1nka (10 апр 2024, в 11:58)
так откуда ты знаешь для чего именно ему надо определить параметры?? может не для стиля адаптации.) может для других целей

По этому я и указал, что если для шаблона, то css, а про JS я написал общие сведенья.

html

<script>

    if (window.innerWidth >= 700) {

        // выполнить запрос или другие действия

    }

</script>

d1nka (10 апр 2024, в 11:05)
Js
const screenWidth = window.screen.width
const screenHeight = window.screen.height

Это уже устаревший метод

Jack Sparrow (10 апр 2024, в 13:12)
Это уже устаревший метод

Почему? Вроде как .width и .height не заменялись?