Трудно ли создавать и поддерживать гибкие макеты, требующие больше времени, чем макеты с фиксированной шириной?

Question

Трудно ли создавать и поддерживать гибкие макеты, требующие больше времени, чем макеты с фиксированной шириной?

Гибкая разметка означает только указание высоты ширины и шрифта в em или %?

В чем главное преимущество гибкой компоновки для пользователей ПК и мобильных устройств?

И если мы сделаем гибкий макет, тогда следует задать ширину и высоту изображений в em или `% также к масштабам изображений вместе с div макета и размером шрифта.

Должны ли мы сделать все гибкими Заголовок, нижний колонтитул, боковая панель, область содержимого?

Есть ли минусы в гибкой компоновке? Я слышал, что один длинный абзац не очень удобен для чтения.

Если клиент доволен макетом с фиксированной шириной, даже если мы сделаем макет гибким (чтобы показать свои навыки другим), если клиент не возражает, если мы не просим дополнительных денег? или мы должны сделать макет гибким только по требованию.

Answer 1

Гибкие макеты сложнее разработать, чем исправить с помощью макетов. Установка ширины в% - одна из возможностей создания гибких макетов. Вы также можете использовать JS для масштабирования текста a.s.o.

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

Не каждый элемент должен быть гибким, но гибкая область содержимого мало поможет, если заголовок остается фиксированным и создает полосу прокрутки.

Answer 2

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

Если вам нужно создать гибкий макет, лучший способ справиться с широкой областью содержимого - это использовать max-width, чтобы ограничить, насколько далеко могут простираться определенные элементы. Это должно предотвратить проблемы с потоком контента, в то же время позволяя другим частям макета в полной мере использовать размер экрана пользователя.

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