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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by V@lentin, Jul 17, 2018.

  1. V@lentin
    Offline

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

    Joined:
    Feb 19, 2016
    Messages:
    17
    Likes Received:
    0
    Gender:
    Male
    Добрый день!

    Интересная штука со свойством 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.  

Share This Page

Loading...