Как сделать дизайн сайта чтобы он подстраивался и менялся под разные разрешения экранов?

голоса: +2
как можно настроит меню и блоки чтобы их размеры изменились относительно к экрану, потому-что

на малинкам мониторы, на место меню появляется ( NAVIGATION), то есть меню не видно на малинкам мониторе, и размеры блоки не меняются. (шаблон 1321) сайт isvov.ru

спасибо
Адрес сайта www.isvov.ru
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: +2
 
Лучший ответ

Ознакомьтесь с материалом - http://www.ucoz.ru/qa/index.php/11039

Хотя у вас и так стоит адаптивный дизайн и соответственно меню так же адаптивное и подстраивается под разрешения монитора.

на малинкам мониторы, на место меню появляется ( NAVIGATION), то есть меню не видно на малинкам мониторе, и размеры блоки не меняются. (шаблон 1321)

>> Это так задумано, чтобы все корректно смотрелось, блоки перемещаются под контент и размер их так же изменяется, жмем на соответствующую иконку и меню автоматически откроется:

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: 0
Адаптивный дизайн подстраивается не под разрешение монитора а под РАЗМЕР экрана монитора .... по старому, если можно так сказать, для этих целей, использовалитсь PDA шаблоны.

В любом случае подо все РАЗРЕШЕНИЯ - РАЗМЕРЫ мониторов, простых и универсальных решений не существует.

Либо адаптивный дизайн, если сайт расчитан и на "телефоны" и на нет-ноутбуки и на стационары, либо иное решение, преимушественно на "малые экраны" (телефоны, смартфоны, планшеты) , от.0 и до 7-10 дюймов или на большие (ударение на О) типа нет-ноутбуки и стационары с размерами мониторов от 9 - 10 дюймов и выше ...

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

.
| Автор:
Не путайте тёплое с мягким, не под размер монитора а именно под текущее разрешения монитора, монитор может быть в 1 метр по диагонали, а разрешение 800х600, вот как раз контент будет подстраиваться под 800х600 а не на 1метр, а пда версия была сделана на заре интернета со слабыми скоростями, чтобы меньшие гаджеты могли загрузить страницу быстро, не загружая картинки и всякие навороты...
Как раз вы и путаете, зелёное с дыркой от бублика ....
Размеры мониторов в дюймах для определённых устройств изменяются но незначительно, в то же самое время разрешение шагает семимильными шагами ...
Давно ли мониторы телефонов были
 размерами 2-3 дюйма ?
с разрешением 200 х 300 .... ???
размер увеличился в разы а разрешение на порядки ...
Как будет выглядеть сайт на мониторе в 2 метра при разрешении 4 - 8 K ????
Думать нужно не о сегодня а о завтра .... завтра, опора на разрешение, а не на размер в сочетании с эргономикой, породит очередную неразрешимую проблему ...
Адаптивный дизайн изначально ориентирован на мобильные устройства (экраны мониторов с малыми размерами) ....
Разрешение на планшетах, смартфонах немногим меньше среднестатистических разрешений "БОЛЬШИХ" мониторов ... не имею в виду разработки панелей разрешением более 8 к ...
Итак, размер планшета в дюймах например asus имеет 7дюймов, берем калькулятор и считаем, получаем 8,4см х 15.4см, разрешение берём HD 1920x1080, с таким разрешением, да на таком планшете контент не будет виден, видео не берём в рассмотрение, так как для видео это качество, а вот для сайта это убожество с мелкими буквами и невозможностью читать.
вот именно что ориентация на разрешение и приведёт к такому казусу ....
отображение страницы должно привязываться не к разрешению (а что если разрешение будет 3840 х 2160 (в 2 раза больше ?)) а к размеру монитора, то есть именно к 7 дюймам ...
Вот поэтому и нет планшетов 7 дюймовых с HD разрешением хоть 2К, хоть 4К... смысла в этом нет.
будет ... это вопрос времени ...
несколько лет назад и мониторов 4 - 8 к не существовало ... так что дело не за горами, лучше вопрос решить сегодня чем завтра когда будет уже поздно ...
...