div с влияет на размер шрифта на iPhone

0

На моей странице http://www.somersetsights.co.za/en/index.html У меня есть 4 текста div (div.service) в нем. Первые три div имеют ширину 256 пикселей. Div номер 4 имеет ширину 900 пикселей (встроенная ширина стиля: авто).

Когда я показываю свою страницу на моем iMac и моем iPad, все 4 div имеют одинаковый размер текста и стиль текста. На моем iPhone текст div 4 имеет разный размер текста и стиль как первые три div.

Когда я определяю ширину div 4 также с 256px, размер и стиль текста такие же, как и в остальных трех div. Как только ширина вернется к размеру текста в 900 пикселей, стиль изменится. Как я уже сказал, это происходит только на моем iPhone. Не на моем iPad и моем iMac.

Что мне нужно сделать, чтобы избежать изменения размера текста и изменения стиля при увеличении ширины div?

Теги:
width
text
size

1 ответ

0

Я не могу имитировать ситуацию с помощью Chrome Dev Tools, но когда я пытаюсь получить доступ к вашему сайту с iPhone Simulator, я действительно вижу проблему.

Но я предполагаю, что из-за CSS; в style.css, в строке 18, вы объявляете font-size: 100%; , и это объявление распространяется на текст в вашем div.service.

Вероятно, когда вы переопределяете ширину div, размер шрифта вычисляется в соответствии с ним. Разница в поведении может быть вызвана ошибкой в Safari или просто из-за различных свойств экрана iOS (масштабный коэффициент, ориентация, виртуальный размер рабочего стола...).

Попробуйте заменить font-size: 100%; с другим размером, например 12px или в em. Тогда размер шрифта не должен зависеть от ширины div.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню