SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Почему если смотреть с телефона то сайт не подстраивает размеры дивов?

Bewarez Bewarez  
0
  11.05.2017 13:48       1 173    
В Верстке не особо, да и в программирование самоучка. Но столкнулся с проблемой которую не могу решить. Почему сайт не подстраивает размеры под разрешения экрана? width-max 100% не подходит для этих целей? Собственно сам сайт bewarez.ru

Ответы на пост (15) Написать ответ
k-park k-park
168
11.05.2017 14:23
потому, что свойства width-max 100% нет, есть width:100%.
0
Bewarez Bewarez
0
11.05.2017 14:34
даже просто width не помогает
0
mediaplanrf mediaplanrf
528
11.05.2017 14:45
max-width (если совсем правильно)))
Причем с контролем всех вложенных дивов - какая у них ширина задана и в чем?
0
Bewarez Bewarez
0
11.05.2017 14:57
Задана ширина только основному диву, при этом если на компьютере браузер сворачиваешь то всё норм, а если заходишь с телефона то сайт не адаптируется, то-есть выглядит как на компьютере.
0
k-park k-park
168
11.05.2017 15:03
а max-width при значении 100% для Div тут и не нужен :)
0
k-park k-park
168
11.05.2017 15:01
курите htmlbook на предмет кроссбраузерной вёрстки
0
mediaplanrf mediaplanrf
528
11.05.2017 15:10
Для мобильной верстки придется все-таки через медиазапросы строить с собакой @. Просто процентами далеко не уехать.
0
dimon966 dimon966
0
11.05.2017 15:27
Нужно добавить в head
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
0
dimon966 dimon966
0
11.05.2017 15:29
Еще можно так:
<meta name="HandheldFriendly" content="true">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
0
Katharine Gavrilitsa Katharine Gavrilitsa
0
11.05.2017 17:34
Спасибо, попробую.
0
zuma307 zuma307
113
11.05.2017 17:23
А может лучше и не париться, а поставить плагин? И нет проблем!!! Это для тех, кто в вёрстке ни БЕ ни МУ.
0
Katharine Gavrilitsa Katharine Gavrilitsa
0
11.05.2017 17:35
Какой плагин?
0
zuma307 zuma307
113
11.05.2017 17:57
На мой взгляд пока лучшим считаю Jetpack от WordPress.com Остальные очень много дают мусора. В настройках плагина надо просто включить мобильную версию..
0
Bewarez Bewarez
0
11.05.2017 19:02
Так у меня самопис, а не движок=)
0
Smart771977 Smart771977
0
13.05.2017 19:36
<meta name="viewport" content="user-scalable=yes, initial-scale=0.4, maximum-scale=1.0, width=device-width">
Попробуй, для начала покатит. Но по хорошему, надо верстку менять.
0