Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

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

Автор V@L, 17-07-2018, 22:39:45

« назад - далее »

V@LTopic starter

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

  •  


Multiweb

А как вы прописали  letter-spacing?? Скорее всего что он прописан как  letter-spacing: -0.1em; если да то замените его на letter-spacing: -1px; и будет счастье на вашей улице ))



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....