2012-05-24 7 views
2

При работе с несколькими разрешениями подход, основанный на «em», является хорошим способом кодирования вашего файла css. Однако, если вы сказали два разрешения 480x800 & 540x960, то отношение ширины (540/480 = 112,5%) не совпадает с отношением высоты (960/800 = 120%).«em» на основе CSS для непропорциональной ширины и высоты

Таким образом, если у меня есть размер шрифта em = 112,5% для перехода от нижнего разрешения к более высокому, ширина кажется идеально совмещенной с новым разрешением, но высота (которая ожидает, что размер шрифта 120%) кажется коротким и тем самым есть белая пустое пространство, созданное внизу после рендеринга всех элементов для страницы.

Любое решение этой проблемы было бы большой помощью!

+0

Я не совсем уверен, чего вы надеетесь достичь. Вы хотите заполнить экран текстом, независимо от разрешения? –

+0

Нет, это не то, чего я хочу достичь. Просто нужен короткий ответ. Для непропорциональных разрешений (например, 480x800 и 540x960), как вы управляете им для ширины и высоты для всего экрана. – user1334217

+0

К чему вы относитесь к размеру 112,5%? Вы говорили о 'em' - это размер относительно текущего размера шрифта (например, если размер шрифта равен 10px, тогда' 1.5em' = 15px), но затем укажите проценты, которые запутывают. Не могли бы вы рассказать о том, что вы просите, и, может быть, привести примерный код? –

ответ

0

em является единицей выбора для шрифтов, не столько для размеров элементов. С его оценкой на font-size элемента, просто не разумно устанавливать ширину с помощью этого устройства.

Возможно, вы пытаетесь обратиться к a vertical rhythm, что концепция поддержания читабельности текста и должен не спутать с остальной частью макета страницы.

Для эстетически приятного рендеринга под разными разрешениями вы должны посмотреть на fluid layouts - попробуйте сыграть с шириной браузера на этой странице. Как вы можете видеть, поток контента изменен, чтобы наилучшим образом использовать доступное пространство, однако размер шрифта/высота строки не корректируются, поскольку эти два метода реализованы независимо.