Форум Сайтостроение Веб-строительство

Адаптивная верстка на мобильном устройстве коряжится, а на компе - норм

Amigo_9876
На сайте с 01.04.2009
Offline
328
Amigo_9876
1703

Привет всем. Верстаю сайт, и зашел в тупик.

http://demo.profis.com.ua/

Если с помощью ctrl-shift-i уменьшаю ширину экрана до размеров мобильного (300-500px), то все нормально смотрится.

Если же захожу с мобильного, то все коряжится.

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

Верстал с помощью бутстрапа.

На компе:

На мобиле:

tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#1

https://yadi.sk/i/ng7cWdB23Gg3Kc

это лишнее


<?xml version="1.0" encoding="utf-8"?>

зачем несколько версий jquery?

в /js/template.js тоже непонятно что написано


if(is_mobile())
{
j("#bd").css("min-width","1020px")
j("#wrap").css("min-width","1020px")
}

ну и в целом все не читабельно

Здесь не могла быть ваша реклама
S
На сайте с 30.09.2016
Offline
469
Sitealert
#2

Да, из-за этого и получается

<body style="min-width: 1020px;" id="bd">

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Amigo_9876
На сайте с 01.04.2009
Offline
328
Amigo_9876
#3

tommy-gung, Спасибо огромное.

Сайт просто делал не я. Я лишь хочу сделать его адаптивным.

А когда убирал тот джиквери, то кое-что ломалось. Поэтому подключены два, пока что.

Но вот что странно, у меня в исходном коде не видно этого: style="min-width: 1020px;"

Оптимизация сайта для планшетов Порядок следования DIV и Скрипт для модификации данных
tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#4

Amigo_9876, нужно не исходный код смотреть, а консоль - там показывается актуальное состояние страницы

Amigo_9876
На сайте с 01.04.2009
Offline
328
Amigo_9876
#5

Ну да, консолью.

Вернул все назад.

Только у меня тут нету данного стиля.

png 12ds.png
S
На сайте с 30.09.2016
Offline
469
Sitealert
#6
Amigo_9876:
Только у меня тут нету данного стиля.

Фокус-покус

jpg html.jpg
tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#7
Amigo_9876:
Только у меня тут нету данного стиля.

на моем скрине два подчеркивания

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий