Sign in to follow this  
Tascan

Использование rem для задания размеров элемента

Recommended Posts

Всем привет.

Слышал советы, что вместо пикселей желательно использовать rem для задания размеров. Решил, в качестве эксперимента, попробовать задать для html определённый размер в пикселях, а дальше везде использовать уже rem.

И вроде всё нормально, даже очень удобно. Но под конец решил я уменьшить масштаб страницы и вот тут появились проблемы. Если использовать такой код:

html {
  font-size: 10px;
}
.box {
  background: red;
  width: 100px;
  height: 400px;
}

То по итогу всё нормально, сколько масштаб не уменьшай, результат всё те же 400px.

Но стоило изменить единицы измерения в высоте:

html {
  font-size: 10px;
}
.box {
  background: red;
  width: 100px;
  height: 40rem;
}

И вот тут уже появляется проблема. При уменьшении масштаба страницы до 50% к размеру высоты: в Google Chrome и Yandex браузерах добавляется дополнительные 80px, в Opera итоговая высота элемента увеличивается до 960 px. А вот в Firefox всё нормально и по итогу выходят те же 400px.

Подскажите в чём тут проблема? Это особенности rem или браузеров на основе WebKit?

И вообще, я понимаю, что многие советуют явно высоту элементов не задавать, но если это необходимо, то какие единицы измерения посоветуете для этого использовать?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By azaqwerty
      Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта 




    • By kask
      Подскажите какие стили нужно переопределить чтобы навигационная панель в navbar выезжала слева на право а не сверху вниз как определенно стандартно 
    • By Amaere
      Ищу ментора по веб-разработке. Готов работать бесплатно или платить за обучение. Главное, что бы я мог потом зарабатывать.
       
  • Member Statistics

    46,508
    Total Members
    3,128
    Most Online
    azaqwerty
    Newest Member
    azaqwerty
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.