Изменение размера браузера не будет отображать адаптивный дизайн

Question

Изменение размера браузера не будет отображать адаптивный дизайн

0

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

http://appearly.co.nf/

Joshua Potter 04 янв. 2014, в 07:57

Источник

0

У вас есть ошибки JavaScript на этой странице. jquery.flexslider-min.js не загружается (проверьте консоль на Chrome с помощью Ctrl + Shift + J)
ariel 04 янв. 2014, в 06:21
0

Как я могу это исправить? Модуль работает нормально, что означает, что автор скрипта плохо написал, и это не ошибка с моей стороны.
Joshua Potter 04 янв. 2014, в 06:23
0

Похоже, у вас есть Jquery Conflict. Используйте NoConflict
Anup 04 янв. 2014, в 06:24
0

попробуйте собрать все <script> вместе во главе с jquery.min вверху
ariel 04 янв. 2014, в 06:29
0

Не уверен, что такое NoConflict. Я взгляну.
Joshua Potter 04 янв. 2014, в 06:29
0

Кроме того, я не могу поместить сценарии в заголовок. Клиент требует, чтобы он был в нижнем колонтитуле.
Joshua Potter 04 янв. 2014, в 06:30
0

Даже на вашей странице контактов выполняется ваш скрипт flexslider, который не нужен на этой странице.
Anup 04 янв. 2014, в 06:30
0

Я этого не заметил! Я еще не отполировал сайт, но спасибо, что указал на это.
Joshua Potter 04 янв. 2014, в 06:37

Показать ещё 6 комментариев

Теги:

html

css

responsive-design

1 ответ

Ещё вопросы

У вас есть ошибки JavaScript на этой странице. jquery.flexslider-min.js не загружается (проверьте консоль на Chrome с помощью Ctrl + Shift + J)
Как я могу это исправить? Модуль работает нормально, что означает, что автор скрипта плохо написал, и это не ошибка с моей стороны.
Похоже, у вас есть Jquery Conflict. Используйте NoConflict
попробуйте собрать все <script> вместе во главе с jquery.min вверху
Не уверен, что такое NoConflict. Я взгляну.
Кроме того, я не могу поместить сценарии в заголовок. Клиент требует, чтобы он был в нижнем колонтитуле.
Даже на вашей странице контактов выполняется ваш скрипт flexslider, который не нужен на этой странице.
Я этого не заметил! Я еще не отполировал сайт, но спасибо, что указал на это.

Tomas · Accepted Answer · 2014-01-04T04-47-00.000Z

Вы можете исправить это, изменив медиа-запрос на:

@media only screen and (max-width: 980px) { }

//редактировать

Если этот комментарий вызывает у вас путаницу, замените первую строку в файле responsive_stylesheet.css.

В настоящее время у вас есть @media (max-device-width: 980px) { замените это @media only screen and (max-width: 980px) {.

Этот сайт имеет весь адаптивный дизайн во внешней таблице стилей (1-я строка говорит об этом) OP.
Да, я знаю. Первая строка в этом файле должна быть такой, как указано выше (минус конечная фигурная скобка).