6

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

8
  • О, как-то год назад всё перерыл, но так и не осилил этот вопрос. Всё решил банальной адаптацией (media).
    – Nilsan
    25 июл 2019 в 15:53
  • В медиа запросах можно задать, что у ползователя стоит масштабирование? 25 июл 2019 в 15:54
  • Нет... (а может да? но я не нашел). Я просто по итогу выяснил что при включеном масштабе меняется разрешение ну типа не 1920 а точно не помню но кароче меньше (выяснил путем добавления кода js). Вот в итоге под эти "странные разрешения" и сделал адаптацию. Вот кстати мож этот сервис поможет
    – Nilsan
    25 июл 2019 в 15:58
  • 2
    Нет способа запретить масштабирование (так как и нет способа его определить).. Нужно верстать адаптивные сайты
    – InDevX
    25 июл 2019 в 16:03
  • 1
    @InDevX Вы не правы, смотрите мой ответ 25 июл 2019 в 17:20

1 ответ 1

10

Есть такое свойство 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>

11
  • i.imgur.com/nbcUROK.png Что я делаю не так? 25 июл 2019 в 17:25
  • @Александр это какой браузер ? 25 июл 2019 в 17:26
  • Firefox последний. На хроме отлично работает даже с windows scaling. 25 июл 2019 в 17:27
  • @Александр добавил св-во для мозиллы, но с ним все не так, смотрите 25 июл 2019 в 17:32
  • спасибо, а нельзя определять с какого устройств зашел пользователь и только тогда запрещать скейлинг или это уже на другом языке только? 25 июл 2019 в 19:33

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.