|
|
Адаптивный дизай или мобильная версия? |
|
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта. |
![]() |
|
|
Опции темы | Оценить тему | Опции просмотра |
![]() |
#1 |
|
![]() ![]() Всем привет! Посоветуйте, каким способом лучше оптимизировать сайт под мобильные устройства: с помощью адаптивного дизайна или сделать отдельную мобильную версию?
|
![]() |
![]() ![]() ![]() |
![]() |
#2 |
|
![]() Адаптивный дизайн лучше. Под мобильную версию - прошлый век.
|
![]() |
![]() ![]() ![]() |
![]() |
#3 |
|
![]() Адаптивный дизайн
|
![]() |
![]() ![]() ![]() |
![]() |
#4 |
|
![]() ![]() В ходе работы над адаптивной версией столкнулся со следующей проблемой - нигде не могу найти пример вертикального адаптивного выпадающего меню. То есть, образцов горизонтального выпадающего адаптивного меню очень много, а вертикального нет. В чем проблема с его созданием? Подскажите, или дайте пример.
|
![]() |
![]() ![]() ![]() |
![]() |
#5 |
|
![]() |
![]() |
![]() ![]() ![]() |
![]() |
#6 |
|
![]() ![]() Нашел то, что мне нужно, здесь - http://www.smartmenus.org/.
Теперь возникла другая проблема. При подключении fancybox меню перестает работать. Вот код подключения меню: <script src="js/jquery.js"></script> <script src="js/collapse.js"></script> <!-- jQuery --> <script type="text/javascript" src="js/jquery-loader.js"></script> <!-- SmartMenus jQuery plugin --> <script type="text/javascript" src="js/jquery.smartmenus.js"></script> <!-- SmartMenus jQuery init --> <script type="text/javascript"> $(function() { $('#main-menu').smartmenus({ mainMenuSubOffsetX: 1, mainMenuSubOffsetY: -8, subMenusSubOffsetX: 1, subMenusSubOffsetY: -8 }); }); </script> А вот код подключения fancybox: <script type="text/javascript" src="video/fancybox/jquery-1.5.min.js"></script> <script type="text/javascript" src="video/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="video/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="video/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript"> $(document).ready(function(){ $("a.foto").fancybox({ 'transitionIn' :'elastic', 'transitionOut' :'elastic', 'speedIn' :1000, 'speedOut' :1000 }); }); </script> Когда отключаю jquery-1.5.min.js в коде fancybox, меню работает, а fancybox - нет. Посоветуйте, как устранить эту неполадку? |
![]() |
![]() ![]() ![]() |
![]() |
#7 |
|
![]() Скорее всего проблема в том, что версия jquery, которая подключается в меню не совместима с fancybox. Посмотрите что браузер выводит в консоль (F12).
|
![]() |
![]() ![]() ![]() |
![]() |
#8 |
|
![]() ![]() Скачал и установил fancybox2 и проблема ушла. Старый fancybox не работал с новыми версиями jquery.
|
![]() |
![]() ![]() ![]() |
![]() |
#9 |
|
![]() как сделать, чтоб при просмотре сайта через смартфон, либо при уменьшении размера окна, не пропадали левый и правый блоки сайта? Когда открываю сайт на мольном пропадает часть сайта и кнопки меню меню прячутся под одной кнопкой: "показать меню". Сайт стоит на движке DLE шаблон "Вестник".
|
![]() |
![]() ![]() ![]() |
![]() |
#10 | |
|
![]() Цитата:
|
|
![]() |
![]() ![]() ![]() |
![]() |
#11 |
|
![]() Мобильную версию не советую делать. Это сейчас действительно не актуально.
Адаптивная всегда есть и будет в актуале и удобнее всего. |
![]() |
![]() ![]() ![]() |
![]() |
#12 |
|
![]() Адаптивный лучше, но главное не перегружай сайт яваскриптом, на lowend устройствах будет лагать. Если хочешь всякие красивости, то сделай чтоб они включались и подгружались только в десктопной версии.
|
![]() |
![]() ![]() ![]() |
![]() |
#13 |
|
![]() Так или иначе мобильная версия зайдет на рынок полноценно, вытеснив адаптивный дизайн. Вопрос времени. Поэтому я за мобильную версию
![]() Дизайнер freelance.ru/Mr.smo
|
![]() |
![]() ![]() ![]() |
![]() |
#14 |
|
![]() Чет мнения сильно разделились.
|
![]() |
![]() ![]() ![]() |
![]() |
#15 |
|
![]() Так этож 14-15 год, сейчас мнение думаю будет однозначное, мобильная версия в соответствии с АМР стандартом.
![]() Не забываем, для спасибо существует кнопка
|
![]() |
![]() ![]() ![]() |
![]() |
Метки |
адаптивный дизайн, мобильная версия сайта |
|
Опции темы | |
Опции просмотра | Оценка этой теме |
|
|
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Мобильная версия сайта, нужна ли? | Garnet_Fox | Разработка сайтов | 35 | 23.01.2021 17:39 |
Мобильная версия в индексе. | карна | 8 | 14.04.2015 15:35 | |
Мобильная версия сайта | IgorZaz | Разработка сайтов | 3 | 17.04.2012 08:19 |
|
Текущее время: 16:20. Часовой пояс GMT +3.
|