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 не заменялись?