2010-01-13 3 views
3

Что такое техническое различие между жидкостью и жидкостью против эластичных по сравнению с гибкими макетами css?Каковы наилучшие методы для масштабирования макета?

Все ли они такие же или разные технически?

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

Я думаю, что есть только два свойства, чтобы сделать компоновку жидкости «em» и «%».

И мы уже используем «em» для шрифта даже в макетах с фиксированной шириной. Что еще нужно сделать, чтобы сделать сайт гибким? Какая часть должна быть гибкой и которая будет лучше фиксированной? Или мы должны сделать все гибким?

+0

Чтобы масштабировать весь HTML-сайт, см. Этот учебник: http: //blog.peecho.com/blog/scalable-websites-with-css3-and-javascript – Sander

ответ

1

Предлагаю вам прочитать некоторые статьи по этому вопросу. У Smashing magazine есть отличная статья об этом, чтобы посмотреть which one is right for you. У них есть несколько определений об этих макетах, и я считаю, что они очень точны:

Исправлен:

Фиксированный макет сайта имеет обертку , которая является фиксированной шириной, и компоненты внутри него есть либо процентная ширина или фиксированная ширина. Важно отметить, что элемент (обертка) контейнера установлен на неперемещаемый. Независимо от того, какое разрешение экрана имеет посетитель, он или она увидит такую ​​же ширину, что и другие посетители.

жидкости:

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

Эластичность:

Существует третий вариант при работе с макетов веб-страниц. Адаптивный дизайн иногда предпочитают дизайнеры , потому что он смешивает два других основных типа макета. Он работает , определяя все элементы с помощью em. В приведенной ниже цитате объясняется, что такое em и почему это может быть полезно.

Достоинства и недостатки в статье также очень кратки, с примерами и дальнейшими исследованиями.

Если вы решите использовать «жидкостные» макеты, прочитайте their article about the subject as well.

1

Все они почти одинаковы. Если вы хотите стать очень разборчивым, я думаю, вы могли бы сказать, что эластик имеет максимальную ширину, тогда как жидкость может продолжать увеличиваться по ширине до тех пор, пока окно расширяется. Но в целом они взаимозаменяемы.

+0

Кто дал это соглашение об именах? :) –

+1

Он просто эволюционировал от обычного использования, на этот раз не существует окончательного ответа. –

Смежные вопросы