WebSite X5Help Center

 
Александр Потанин
Александр Потанин
User

Адаптивный дизайн  ru

Автор: Александр Потанин
Просмотрено 3179, Подписчики 5, Размещенный 0  

Прошу совета специалистов. Версия 12 Pro.

Ширина моего сайта 1500 пикс. Решил настроить адаптивный дизайн, добавил необходимые разрешения. 

В итоге получил, при отображении сайта на 16000 пикс, все хорошо. Стоит уменьшить ширину браузера, например до 1366, получаем - адаптивный дизайн в виде "гамбургера" слева. 

Я предполагал, что адаптивный дизайн масштабирует сайт в соответствии с шириной экрана, а мобильный вид в виде гамбургера включает при разрешении 480 или 720 пикс. Существует множество ПК, на которых разрешение менее 1500, например многоие ноутбуки имеют ширину - 1366 пикс. И на них не будет видно основного сайта?! 

В  связи с чем вопросы: Я что то не правильно настраиваю или это глюк программы? Если это норма, зачем такое количество разрешений для адаптации в настройке, если сайт просто переключает вид на "гамбургер", ниже ширины сайта!

Размещено
13 Ответы - 3 Полезно
Incomedia
Simone G.
Incomedia

Hi Aleksandr,

could you please pass us the link to your website, so we could check and try to help you?

Anyway, you can customize responsive breakpoints at step 1 - general settings - responsive design.

If you need further information or meaning something else, please let me know.

thank you very much


***** Google Translation:
Привет Александр,

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

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

Если вам нужна дополнительная информация или смысл что-то еще, пожалуйста, дайте мне знать.

Большое спасибо

 

Читать больше
Размещено От Simone G.
Анатолий Г.
Анатолий Г.
User

Да конечно, нудно делать сайт приблизительно 1200 ширеной и будет все нормально 

Читать больше
Размещено От Анатолий Г.
Incomedia
Simone G.
Incomedia

Hi Aleksandr,

if you want to modify your desktop display settings you should go to step 1 - model style and make your site tighter by changing its size.

hope this helps


***** Google Translation:

Привет Александр,

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

надеюсь это поможет

Читать больше
Размещено От Simone G.
Александр Потанин
Александр Потанин
User
Автор

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

Иные интересующие вопросы:

Посоветуйте, какую ширину сайта все- таки поставить, оптимально под все устройства?

Какие разрешения адаптивного дизайна поставить? 

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

Читать больше
Размещено От Александр Потанин
Alexey Zakharov
Alexey Zakharov
User

960px > 640px > 480px > 320px

Читать больше
Размещено От Alexey Zakharov
Pavel M.
Pavel M.
User

В программе заложен только один размер под настольные компьютеры) Цифра неважна 1500 или 1000, три остальных разрешения автоматически вызовут гамбургер.

Можете наделать копий под разные разрешения и разместить на поддоменах. Переадресация идёт с оновного размера на меньшие через .htaccess и как-то к переадресации привязать ширину экрана.

Читать больше
Размещено От Pavel M.
Alexandr Belyakov
Alexandr Belyakov
User

Лучше было бы, если в программе добавили возможность просмотра поной версии сайта! На многих браузерах в мобильных устройствах есть "галочка" просмотр полной версии - программа это не задействует!

Читать больше
Размещено От Alexandr Belyakov
Виталий Юрьевич С.
Виталий Юрьевич С.
User

Прошу прощения, за то, что повторяюсь. Но я так ине понял. Для чего тогда указывать разрешение ниже которого сайт отображается в режиме смартфона? У меня указано - 320, а перескакивает при 600. (версия Evolution 12)

Читать больше
Размещено От Виталий Юрьевич С.
Aleksey K.
Aleksey K.
User

прочитайте внимательно пост Pavel M. вам все правильно там изложили! 

"Я предполагал, что адаптивный дизайн масштабирует сайт в соответствии с шириной экрана"

это не так! тут вы имели ввиду резиновый сайт где все значения указывают в %... погуглите разницу между адаптивным и резиновым сайтом

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

Читать больше
Размещено От Aleksey K.
Виталитй С.
Виталитй С.
User

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

Читать больше
Размещено От Виталитй С.
Виталитй С.
Виталитй С.
User

Разобрался в смене шаблонов: размер фоновых изображений (шапки, страницы и т.д.) не должен привышать адаптированного размера. А вот поведения меню, пока поять не могу, так и адаптируется раньше времени.

Читать больше
Размещено От Виталитй С.
Aleksey K.
Aleksey K.
User
Виталитй С.
Разобрался в смене шаблонов: размер фоновых изображений (шапки, страницы и т.д.) не должен привышать адаптированного размера. А вот поведения меню, пока поять не могу, так и адаптируется раньше времени.

а вы инструкцию читали? там все расписано до деталей и на всех языках....

при стандартных настройках (960px > 640px > 480px > 320px) все что выше 960px то десктоп а то что ниже мобильный/планшет. соответственно и меню сворачивается если ниже 960

Читать больше
Размещено От Aleksey K.