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

Аватар пользователя VasyOK

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

Чисто на CSS как-то? Или модулями, или еще как-то?

Тип материала:
Версия Drupal:
0 Спасибо

Комментарии

Аватар пользователя Studio VIZA
Studio VIZA 3 недели назад

Если выжать Ctrl и крутнуть колёсико мыши, сайт не реагирует никак?

0 Спасибо
Аватар пользователя VasyOK
VasyOK 3 недели назад

Реагирует. Вот нужно чтобы на экранах с разршением большим чем 1366 по рогризонтали сайт показывался как будто бы я несколько раз Ctrl+ + нажал.

Определить ширину экрана пользователя и прописать под нее CSS правило можно. А как определить: включено ли у него масштабирование при этой ширине?

0 Спасибо
Аватар пользователя mbaev
mbaev 3 недели назад

Верстайте с помощью относительных единиц em, rem.
Далее используйте media query и меняйте размер базовой единицы.
Пример

body {
  font-size: 14px;
}
@media screen and (max-width:1366px) {
  body{
    font-size: 16px;
  }
}
.container {
  width: 70em;
}
0 Спасибо
Аватар пользователя Studio VIZA
Studio VIZA 3 недели назад

Может проще выяснить, как включить масштабирование в винде (как вариант)

0 Спасибо
Аватар пользователя VasyOK
VasyOK 3 недели назад

не вариант

0 Спасибо
Аватар пользователя Studio VIZA
Studio VIZA 3 недели назад

Ну погодь, у жены ЖК в пол-стены, я вижу как она страдает и делаю в хроме 150% масштаб, и всё. И на всех сайтах становится норм.

0 Спасибо
Аватар пользователя VasyOK
VasyOK 3 недели назад

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

0 Спасибо
Аватар пользователя ХулиGUN
ХулиGUN 3 недели назад

В css есть различные единицы измерения, даже те, которые не зависят отпикселей... но в таком случае, если используется какой либо растр нужно смотреть в сторону lazy_load с детектом разрешения

0 Спасибо
Аватар пользователя VasyOK
VasyOK 3 недели назад
Цитата:
различные единицы измерения, даже те, которые не зависят от пикселей

если считаешь, что это поможет - можешь привести пример кода?

Цитата:
растр нужно смотреть в сторону lazy_load

растр - это изображение из пикселей
lazy_load - это вариант скрола
или нет?

0 Спасибо
Аватар пользователя bsyomov
bsyomov 3 недели назад

Растр да.
А ленивая загрузка, это загрузка чего-либо после того, как страница уже загружена на клиенте, средствами JS. Делается это для разных целей, но в данном случае, в этот момент мы уже знаем разрешение экрана, и можем загрузить, или обычную, или высокого разрешения картинку. Или вообще сделать несколько пресетов для разных разрешений.

0 Спасибо
Аватар пользователя bsyomov
bsyomov 3 недели назад

Вообще не понимаю проблему: всё сводится к обычному случаю адаптивной вёрстки.
Какая разница отключено или включено масштабирование средствами OC? Если надо, чтобы сайт работал с отключённым масштабированием, надо просто предусмотреть правила css для достаточно больших разрешений, не более того. При включённом масштабировании будут выбираться правила для более низкого разрешения, в которое отмасштабирован интерфейс при отключённом для высокого, которое имеет монитор...

0 Спасибо
Аватар пользователя ХулиGUN
ХулиGUN 3 недели назад
mbaev написал:
меняйте размер базовой единицы.

На разных девайсах пиксели имеют разную плотность при одной и той же диагонали.

bsyomov написал:
А ленивая загрузка, это загрузка чего-либо после того, как страница уже загружена на клиенте

+

0 Спасибо
Аватар пользователя ХулиGUN
ХулиGUN 3 недели назад

Единственное, что возможно овчинка выделки не стоит, не думаю, что ЦА твоего проекта все поголовно на 4к мониках сидят.

0 Спасибо
Аватар пользователя mbaev
mbaev 3 недели назад
Х*лиGUN написал:
На разных девайсах пиксели имеют разную плотность при одной и той же диагонали

Для этого viewport придумали ;)

0 Спасибо
Аватар пользователя VasyOK
VasyOK 3 недели назад

Переверстать сайт - довольно радикальный метод. Хотя могу.
Значит есть свойство CSS zoom. Свойство устраивает всем, кроме не-работы в firefox. А transform: scale(1.4) - не работает так как хотелось бы.
Можно ли на JS сделать что такое, что как будто бы нажимает Ctr+ в зависимости от разрешения окна?

0 Спасибо