Обучение/Помощь новичкам | определение пикселей екрана
AdRed 
DELETED (10 апр 2024, в 13:16)
Почему? Вроде как .width и .height не заменялись?
window.innerHeight и window.innerWidth сейчас более актуальный
Почему? Вроде как .width и .height не заменялись?
d1nka (10 апр 2024, в 13:29)window.innerHeight и window.innerWidth сейчас более актуальный
P.s По моему мнению и личному опыту, более точный метод для получения ширины видимой части в браузере - это .clientWidth и .clientHeight
________
посл. ред. 10.04.2024 в 13:57; всего 1 раз(а); by the_lark
DELETED (10 апр 2024, в 13:16)
Почему? Вроде как .width и .height не заменялись?
Где то на мозилле читал что на смену ему что то другое пришло. Даже в VS Code подсвечивали мне как устаревшее.
Почему? Вроде как .width и .height не заменялись?
DELETED (10 апр 2024, в 11:54)
Через .css, если это касается шаблона
Через JS (Пост #3), но слишком затратно для производительности, если правильно не сумеешь оптимизировать.
Для чего эти коды нужны, они выпомняют адаптацию под экран?
Через .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}`);
Jack Sparrow (10 апр 2024, в 14:33)Где то на мозилле читал что на смену ему что то другое пришло. Даже в VS Code подсвечивали мне как устаревшее.
161817535 (10 апр 2024, в 15:00)Для чего эти коды нужны, они выпомняют адаптацию под экран?
Стр.: 1, 2