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

Ширина сайта в мобильной версии

nikonlay
На сайте с 11.12.2006
Offline
191
nikonlay
910

Ребзя, помогите, пожалуйста!

Уже несколько часов сижу, голова кругом идет, а никак не найду, где задается чертова ширина...

Есть сайт: http://www.undertheground.ru/ (если сочтут за рекламу - туже удалю, за веткой слежу! просто чтобы был предмет вопроса)

Сейчас делают его мобильную версию и меня попросили найти, почему ширина body остается 980px, хотя все блоки и картинки уменьшили.

Я было сказал -да конечно, сейчас за 5 минут найду, а вот прошло 4 часа - и куй.

Кто не знает - мобильную версию можно в хроме посмотреть - правая кнопка мыши - просмотр кода элемента, нажимаем на иконку телефона, перезагружаем страницу.

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

Мощные фонари и яркие мячи: https://market.yandex.ru/business/79203856
D
На сайте с 23.10.2014
Offline
0
dimmone
#1

Добавь в head: 

<meta name="viewport" content="width=device-width">

А вообще то что я увидел в инспекторе, ну вырви глаз просто.🤪

Q8
На сайте с 02.08.2012
Offline
31
q8888
#2
nikonlay:
все блоки уменьшены в сумме до 640

Здравствуйте.

Разве все? Сильно не вдавался в изучение кода, но навскидку вижу блок "фоторама" шириной 500px. Видимо, он и растягивает страницу:


<script type='text/javascript'>
fotoramaDefaults = {
nav: 'thumbs',
navPosition: 'bottom',
width: 500,
thumbwidth: 120,
thumbheight: 80
}
</script>
nikonlay
На сайте с 11.12.2006
Offline
191
nikonlay
#3

q8888, там ширина фоторамы зависит от устройства. если с компа - то 500, а если с мобильного - 360

dimmone, спасибо! вы меня просто от сильнейшей головной боли вылечили! про этот viewport еще почитаю и буду впредь применять. огромное спасибо!

Site Audit tool от Google: как сделать статические Партнерам РСЯ стал доступен
Seredniy
На сайте с 17.03.2008
Offline
251
Seredniy
#4

nikonlay,

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

Держите ссылочку. Там и про грамотный скейл тоже почитайте =)

Wordpress и другие CMS: правки, настройка, верстка и натяжка шаблонов, разработка сайтов "под ключ" (/ru/forum/1008050)

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