Размер шрифта Media Query применяется ко ВСЕМ настройкам, а не только к целевым настройкам - PullRequest
Новая
       15

Размер шрифта Media Query применяется ко ВСЕМ настройкам, а не только к целевым настройкам

0 голосов
/ 22 апреля 2019

Я пытаюсь, чтобы мой заголовок отображался в строке для виджета на всех мобильных устройствах.Мой обычный css: 

.mobile_1.vertical-strip-layout .widget-header {
  font-family: "Barlow Semi Condensed", "Khand", "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .5px;
  text-transform: uppercase;
}

Однако на экране iPhone 5 / SE текст смешивается.Чтобы избежать этого, я использовал медиа-запрос для соответствующей настройки размера шрифта: 

@media only screen and (max-width: 568px) {
  .mobile_1.vertical-strip-layout .widget-header{
    font-size: 14.5px;
  }
}

Это прекрасно работает, однако вместо этого font-size: 14.5; only применяется к iPhone 5/ SE (то есть размер экрана с максимальной шириной 568 пикселей) применяется к всем размерам экрана.

Как настроить этот медиазапрос для вступления в силу ПРОСТО для настройки iPhone 5 / SE (max-width: 568px)?

1 Ответ

1 голос
/ 22 апреля 2019

Я думаю, что вам не хватает определения единицы измерения в 3-й строке:

Вместо: 

font-size: 18;

Использование: 

font-size: 18px;
...