Должен ли я использовать% или «px» в HTML

Question

Независимо от того, является ли это HTML, XHTML или HTML5, вы находите эти раздражающие проценты замусоренными повсюду.Тем не менее ... Я вижу, что очень много сайтов не осмеливаются подойти к ним.И все же через универ меня всегда поощряли их использовать.

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

Я знаю, что следует избегать использования высоты, хотя HTML5 действительно не нравится, когда я не указываю высоту, если я хочу использовать проценты.

Спасибо, что нашли время, чтобы прочитать.

Answer 1

Это действительно зависит от того, что вы хотите построить.
Иногда мне нужно создать сайт, который могли бы читать люди с ограниченными возможностями. Если, например, пожилые люди посещают ваш сайт, то лучше использовать%, чтобы они могли увеличить вашу страницу, а макет все равно выглядит красиво.

Фиксированные макеты дизайна Фиксированные макеты дизайна имеют определенную ширину и делают не в масштабе, чтобы соответствовать окну браузера. Сайты, использующие его, могут выравнивать по левому краю, центру или даже по правому краю, как и когда требуется.

Преимущества фиксированных макетов: С фиксированными макетами у вас есть контроль по длине линии, потоку и размещению элементов в сети стр. Дизайнер имеет фиксированное пространство для работы и длины линий текста и размещения изображений можно легко обозначить.

Недостатки фиксированных макетов: Фиксированные макеты дизайна имеют тенденцию оставлять много пустое место по обе стороны от дизайна при просмотре на высоком экране резолюции. Это карлики размер веб-страницы и дает Такое впечатление, что оно плывет по экрану.

Fluid Layout Fluid В макетах дизайна используются проценты вместо пикселей для определить их ширину, и они заполняют все окно браузера. Они есть также называется фиксированным или динамическим дизайном.

Преимущества макетов жидкости: Одно из главных преимуществ дизайна жидкости макеты это их специальные возможности. Они обслуживают большее количество пользователи. Это потому, что, каким бы ни было разрешение экрана или устройство пользователя, фиксированные макеты дизайна адаптируются лучше. Это использует все окно браузера, распространяясь. Это максимизирует площадь для отображения контента, и больше информации можно увидеть в одном идти. Поэтому на экране окна нет пустого места. Это Лучшая ставка по сравнению с фиксированными макетами, которые оставляют много пустое место.

Answer 2

Для шрифтов вы должны использовать проценты (или em, или rems), если вы не хотите фиксировать размер шрифта в Internet Explorer. Если вы используете пиксели, то пользователи Internet Explorer, которые изменяют размер шрифта по умолчанию в настройках браузера, не увидят увеличения / уменьшения шрифтов. Так что это делает ваш текст потенциально менее читабельным для пользователей в этом браузере.

Прекрасным ресурсом для этого является первая глава Пуленепробиваемого веб-дизайна Дэна Седерхольма .

Для макета, использование процентов или em сделает ваш дизайн более гибким для изменения размеров шрифта / локализации и т. Д. Это также рассматривается в книге.