Свойство letter-spacing по-разному отображается на разных мониторах

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем V@lentin, 17.07.2018.

  1. V@lentin
    Offline

    V@lentin Недавно здесь

    Регистрация:
    19.02.2016
    Сообщения:
    17
    Симпатии:
    0
    Пол:
    Мужской
    Добрый день!

    Интересная штука со свойством css - letter-spacing. Подскажите, пожалуйста, кто знает.


    Суть проблемы. На сайте (https://factum-info.net) в подвале есть лого «FACTUM-INFO». На нормальных мониторах все отображается как надо. Но на некоторых нестандартных мониторах это слово длиннее на 10px.

    Чтобы на нестандартном мониторе это слово отображалось правильно, надо поставить ему letter-spacing: -1px; (по умолчанию установлено letter-spacing: 0.

    На разных компьютерах проверял через Гугл Хром. Вот такая странность…


    Проверял на мониторе LG (разрешение 1920×1080) и на iPad 2017 (разрешение 2048×1536) – все нормально. Вот скрин https://prntscr.com/k7mxo4


    А вот на мониторе Dell (разрешение 1920×1200) – неправильно. Вот 2 скрина с разными свойствами letter-spacing https://prntscr.com/k7mxsi, https://prntscr.com/k7mxuw.
     
  2.  

Поделиться этой страницей

Загрузка...