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

#javascript #html #css

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

Ответы

Ответ 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;
}
deafult
prevent zoom