Как масштабировать сайт, если масштабирование в ОС отключено?

[VasyOK{!}]

Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено.
Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

[DevChristmas]

4 часа назад, VasyOK{!} сказал:

Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено.
Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

В CSS есть способ : 
 

body{
	zoom:0.5; // От 0 до 1 ( 1 = 100% , 0.5 = 50%)
}

 

 

Edited September 24, 2017 by DevChristmas

[VasyOK{!}]

Ок, а как определить включено ли масштабирование на в браузере?

[klierik]

Скорее всего нет, что не может не радовать. Пользователь, а не разработчик сайта, решает в каком масштабе смотреть сайт!

[VasyOK{!}]

Т.е. определить разрешение можно, а масштаб нельзя?

[DevChristmas]

Просто определить масштабирования будет мало ,  нужно будет относительно размеров экрана выставлять определённый масштаб. 
Потому как на 5к так и на 2к может быть один масштаб. 
Вам проще будет делать вёрстку в % или же есть VW VH в CSS.

Edited September 25, 2017 by DevChristmas

[klierik]

15 часов назад, VasyOK{!} сказал:

Ок, а как определить включено ли масштабирование на в браузере?

Ранее можно было — https://github.com/tombigel/detect-zoom Сейчас, судя по последнему логу — нет.

[VasyOK{!}]

Меня устраивает то, что творит на сайте http://durmitor1.ru/ свойство zoom:(1.4), но вот она не работает в firefox и transform: scale(1.4) не дает так же хороших результатов как zoom  в других браузерах. Можно как-то - через CSS? Или через JS? Если через JS - можете подсказать код или ссылку на пример.

[klierik]

Можно попробовать мета-тег:

<meta name="viewport" content="width=device-width, initial-scale=1.4, user-scalable=0">

 

[VasyOK{!}]

klierik
моя CMS позволяет такое вытворить. А в CSS медиазапросами такое возможно? поробовал прописать такой viewport  не вижу изменений. может не туда смотрю, но браузер никак не масштабирует.

DevChristmas
вот у меня почему-то как zoom работает - устраивает, а transform нет. transform-origin: left top 0; не спасает. Может я странный - не спорю.

 

Edited September 25, 2017 by VasyOK{!}

[klierik]

17 часов назад, VasyOK{!} сказал:

А в CSS медиазапросами такое возможно? поробовал прописать такой viewport  не вижу изменений. может не туда смотрю, но браузер никак не масштабирует.

Нет. Потому я привел пример в таком виде как есть