Размер шрифта зависит от отзывчивости

Question

только что возникла такая проблема - у меня на странице есть программа лайтбокса, которая показывает фотографии в виде слайд-шоу. Все выглядит так, как должно быть на широком экране (например, на мониторе), но когда я смотрю его на своем смартфоне (также на симуляторе в Google Chrome), на каждом изображении всегда используется различный размер шрифта! Вот, например: Один из примеров, где это так . Я проверил CSS, все должно быть в порядке, но это не так. Может кто-нибудь помочь мне, может быть, есть ошибка в программе JS или даже в CSS?

Пожалуйста, помогите!

Answer 1

Это медиа-запрос CSS, с помощью которого вы можете управлять стилями каждого размера экрана (с помощью и высоты).

Для вашего примера:

if you open the console.
Click on element tab.
search: .lb-caption

Вы увидите, что на мобильном телефоне есть медиа-запрос:

@media (min-height: 1060px) and (min-width: 980px) and (orientation: portrait)

это потому, что кто-то хочет добавить стиль, когда запрос верен.

Размер шрифта: 150%.

Если вы измените его на определенный размер шрифта (не в процентах, он должен быть таким же).

т.е. размер шрифта: 30px;