2015-07-10 3 views
0

У меня возникают проблемы с загрузкой моего сайта, http://www.internhacks.io/, в любом мобильном браузере. Проект может быть найден here на Github.Сайт не загружается должным образом на мобильном телефоне

Я протестировал сайт на мобильных устройствах с помощью инструментов Chrome dev, и все загружается нормально.

Однако при тестировании сайта на моем фактическом телефоне иногда сайт вообще не загружается, иногда только частично.

Примечание: кнопка применяется не предназначена, чтобы сделать что-нибудь еще

Я думаю, что это, возможно, придется делать с наличием большого изображения в качестве фона. Должен ли я обслуживать меньшую версию, если обнаружение окна меньше? Высота img установлена ​​равной 100vh.


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

+0

Сайт загружается на моем iPhone 6, но кнопка Apply ничего не делает. – evolutionxbox

+0

Я просто попробовал на своем iphone 4s, и он загружает изображение моста с золотыми воротами, но он очень сильно масштабируется и покрывает всю страницу, скорее всего, покрывает все остальное, что у вас есть. Это единственное, что нужно загрузить, кроме информации заголовка (название, даты, кнопка приложения). –

ответ

0

Я использую Opera mini для тестирования мобильных устройств (aka android) с различными разрешениями экрана.

«высота установлена ​​на 100vh» а? никогда раньше этого не видел. Чтобы соответствовать графике в пределах доступного пространства, избегайте фиксированных размеров (aka 100px), и я использую относительную ширину: xx%

ДА, расточительно отправлять большие графики на мобильное устройство и с сервера, вам нужно отправить несколько xxx- low-res.img вместо

полезно загрузить JS-скрипты в раздел, чтобы сначала загружать все объекты.

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