"em" css для непропорциональной ширины и высоты
При работе с несколькими разрешениями подход, основанный на em, кажется хорошим способом кодирования вашего css-файла. Однако если вы скажете два разрешения: 480x800 и 540x960, то соотношение ширины ( 540/480 = 112,5%) НЕ будет таким же, как соотношение высоты ( 960/800 = 120%).
Итак, если у меня есть размер шрифта em = 112,5% для перехода от более низкого разрешения к более высокому, ширина кажется идеально выровненной с новым разрешением, но высота (которая предполагает размер шрифта 120%), кажется, не дотягивает, и поэтому появляется белый цвет пустое пространство создается внизу после рендеринга всех элементов для страницы.
Любое решение этой проблемы будет отличным помощником!
1 ответ
em это единица выбора для шрифтов, а не столько для размеров элементов. С этим оценивая элемент font-size, просто нецелесообразно устанавливать ширину с помощью этого устройства.
Возможно, вы пытаетесь сослаться на вертикальный ритм, который является концепцией поддержания читабельности текста, и его не следует путать с остальной частью макета страницы.
Для эстетически приятного рендеринга при разных разрешениях вы должны рассмотреть плавные макеты - попробуйте поиграть с шириной браузера на этой странице. Как вы можете видеть, поток контента изменяется, чтобы наилучшим образом использовать доступное пространство, однако размер шрифта / высота строки не регулируются, поскольку эти два метода реализованы независимо друг от друга.