Запретить масштабирование windows для вебсайта

133
25 апреля 2021, 19:30

Есть горизонтальный сайт, и если у пользователя выбрано масштабирование в windows то он едет вниз, можно ли запретить масштабировать сайт несмотря на установки windows? Прикрепляю скрин как это выглядит при масштабе 125% в windows. нужно чтобы всегда было как будто у пользователя 100%

Answer 1

Есть такое свойство window.devicePixelRatio. При помощи него можно определить ретину или измененный масштаб браузера.

Пробуйте менять масштаб ctrl+scroll

window.addEventListener('resize', e => { 
  preventZoom.style.zoom = 1/devicePixelRatio; 
  preventZoom.style['-moz-transform'] = `scale(${1/devicePixelRatio})` ; 
})
.block { 
  width: 200px; 
  height: 100px; 
  border: solid; 
  display: inline-block; 
  text-align: center; 
  line-height: 100px; 
  transform-origin: 0 0; 
}
<div class="block">deafult</div> 
<div class="block" id="preventZoom">prevent zoom</div>

READ ALSO
Браузер падает при большом количестве запросов к серверу
javascript

Браузер падает при большом количестве запросов к серверу

Как сделать, чтобы браузер не падал при arr, состоящим из 18000 7-ми символьных строк? Например, дожидался, пока придёт одна пачка из 20 запросов,...

 119
JavaScript: функция передаётся по ссылке или по значению?
javascript

JavaScript: функция передаётся по ссылке или по значению?

Нигде не нашел однозначного ответа на этот вопрос

 155
Как открыть нужный слайд в owl-carousel2 по клику?
javascript

Как открыть нужный слайд в owl-carousel2 по клику?

При клике по ссылке мне нужно открыть в модальном окне (на materialize-css) определенный слайдПытаюсь сделать как здесь, но открывается все равно...

 115
Как я могу выполнить QSqlRelationalTableModel::setFilter с оператором &#39;WHERE&#39;?
c++

Как я могу выполнить QSqlRelationalTableModel::setFilter с оператором 'WHERE'?

Как я могу выполнить QSqlRelationalTableModel::setFilter с оператором 'WHERE' ??? Для примера:

 111