Я создаю адаптивный блок, который должен занимать 92% видимой области экрана.При изменении ширины экрана пиксели измеряются правильно.Но это не 92% видимой области экрана.Я знаю, что есть понятия физических и логических пикселей или Device Pixel Ratio.
Вопрос: Как в JavaScript конвертировать пиксели, которые я получаю (92% от общей ширины видимого! Экрана), с учетом пикселей устройства?
Ширина видимой части экрана:
window.screen.availWidth;
Ширина блока (92%):
(92 / 100) * width
![Screenshot](https://i.stack.imgur.com/XJmiH.png)
Я не использую CSS для создания ширины, потому что мой блок должен работать на тысячах страниц с различной структурой и иногда может быть горизонтальной прокруткой на странице, вв этом случае блок, который должен получить 92% ширины устройства, будет иметь полную ширину страницы.
![Why I'm not using css](https://i.stack.imgur.com/YOYCB.png)