Пожалуйста, знайте, что я новичок в Stack Oveflow и могу делать некоторые ошибки в английском языке (я француз).
Уже довольно давно я трачу много времени на изучение методов, чтобы сделатьмой веб-сайт доступен для мобильных телефонов, и сделать шрифт максимально читабельным.Кажется, я нашел свое счастье с помощью «rem», который позволяет мне адаптировать размер текста в соответствии с размером дисплея.
Но у меня есть серьезная проблема: я настраиваю размер текстаmy divs rem, который позволяет мне просто выполнять медиазапросы, чтобы уместился весь текст страницы, например:
@media screen and (max-aspect-ratio: 7/8) and (min-height: 1100px) {
html{font-size: 160%}
}
... но текст в тегах <"p">больше, чем текст всех div!Так что, если у меня есть, например, кнопка, текст, настроенный одинаково (например, 1.1rem), не будет отображаться как большой в обоих элементах на мобильных устройствах!
Я заметил, что когда я пробовал ChromeПанель инструментов устройства и установите для нее «Galaxy Note 3».
Спасибо за вашу помощь.
Вот страница, где я заметил эту проблему →