Загрузка...

How practical is it to use zoom in CSS?

Thread in Frontend created by OPTIMISED Oct 24, 2025. (bumped Nov 2, 2025) 332 views

  1. OPTIMISED
    OPTIMISED Topic starter Oct 24, 2025
    Маркетплейс игровых товаров и скинов | DIP-X
    5,904 Apr 29, 2017
    Добрый день юзеры. знатоки подскажите

    Делал адаптацию сайта под ноутбуки (так как размер экрана у них не большой)
    Получалось что некоторые блоки выглядили крупные или весь сайт как то казался большой
    Использую код: ZOOM вместо того чтобы не засорять CSS и создавать под каждый экран размеры всех блоков и шрифта
    CSS
    @media (min-width: 1081px) and (max-width: 1920px) {

    html {

    zoom: 0.85;

    }

    }

    @media (min-width: 1650px) and (max-width: 1750px) {

    html {

    zoom: 0.80;

    }

    }
    Насколько это правильное решение? и какие могут быть проблемы в таком случае? но такое работает и получается что сайт на нотах выглядит как нужно!
     
    1. OPTIMISED Topic starter
      avatarOPTIMISED , Это та же самая функция зума как вы используете зум в браузере CTRL + Колесико мыши
  2. Апатия
    Неправильно так делать, во первых это не поддерживается всеми браузерами, так как изначально только в хромиуме существовало, фаерфокс только в 24 году его поддержку добавил, соответсвенно на старых версиях браузера тоже работать не будет, а во вторых если ты используешь параметры для адаптивной верстки типа "rem" они неккоректно будут высчитывать значения, да и трансформы могут неккоректно отработать в теории, короче как времянка нормально, в продакшн - нет
     
    1. View previous comments (1)
    2. OPTIMISED Topic starter
      avatarАпатия, Ну для Firefifox, тоже есть некоторые альтернативные решения. просто не хочется засорять CSS под адаптацию экранов и пришел пока к такому решению
    3. Апатия
      avatarOPTIMISED , Конечно лучшим решением остаются медиазапросы под разные экраны, зум твой хоть и рабочее решение, но опять же может привести к непредвиденому поведению сайта в некоторых моментах, ну и опять же, так в крупных проектах никто не делает, оставить можешь, но лучше все таки переделать как руки дойдут
    4. Апатия
      avatarOPTIMISED , конечно если у тебя там лендинг с парой страниц то в целом и так пойдет
  3. modafinil
    полня залупа не юзабльно, максимум ради каких то функций типо приблить текст то зачем это нужно ваще хз. Может ломатся адаптация сильно
     
Loading...