Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 216 3 темы, 15 сообщений, 6 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 33 0 тем, 22 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #6

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография Napoleon-007
    #7

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 13.08.2018
Топ 5 участников по репутации


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

#1 V@L

V@L
  • Пользователь
  • 5 сообщений
  • Репутация: 0
0

Отправлено 17 July 2018 - 22:24

Добрый день!

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

 


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Сборник вопросов по HTML, CSS и прочее
  2. Как посмотреть сайт на разных мониторах в разных разрешениях?
  3. Собственные шрифты на сайте
  4. Сайт отображается в разных браузерах по-разному
  5. На разных компьютерах сайт выглядит по-разному

#2 mak2make

mak2make
  • Пользователь
  • 8 сообщений
  • Репутация: 1

Отправлено 23 July 2018 - 23:18

Попробуйте использовать относительные единицы, например, em


Сообщение отредактировал mak2make: 23 July 2018 - 23:18

  • 0

#3 V@L

V@L
    Topic Starter
  • Пользователь
  • 5 сообщений
  • Репутация: 0

Отправлено 24 July 2018 - 02:08

Спасибо. Пробовал. Не помогло.


  • 0

#4 TimurR

TimurR
  • Пользователь PRO
  • 931 сообщений
  • Репутация: 216

Отправлено 24 July 2018 - 02:22

Для этого лучше использовать SVG. Подробней о letter spacing https://blog.sibirix...letter-spacing/


  • 1

Разработка сайтов.



#5 Workgetout

Workgetout
  • Пользователь
  • 9 сообщений
  • Репутация: 0

Отправлено 24 July 2018 - 13:06

Попробуйте SVG . Была похожая ситуация , помогло


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru