• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Как сделать адаптивную верстку для моб. телефонов

tyvkaaa

Форумчанин
Читала инфу о том, как делать моб верстку:
1) в header.php вставила
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2)Добавила медиа запрос в файл стилей:
@media screen and (max-width:1345px) {
img {max-width: 100%; height: auto;} /*адаптация изображений*/
#container {width: 100%; height: auto;} /*адаптация контейнера*/
}
Но все по прежнему..
 

qwer

Специалист
Местный
Читала инфу о том, как делать моб верстку:
1) в header.php вставила
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2)Добавила медиа запрос в файл стилей:
@media screen and (max-width:1345px) {
img {max-width: 100%; height: auto;} /*адаптация изображений*/
#container {width: 100%; height: auto;} /*адаптация контейнера*/
}
Но все по прежнему..

Потому что этого недостаточно для неадаптивной изначально темы.
 

tyvkaaa

Форумчанин
Потому что этого недостаточно для неадаптивной изначально темы.
тема была изначально адаптивна, но т.к. я ее существенно модифицировала, сейчас она совсем не адаптивна. Может вы знаете что для этого нужно?
 

qwer

Специалист
Местный
тема была изначально адаптивна, но т.к. я ее существенно модифицировала, сейчас она совсем не адаптивна. Может вы знаете что для этого нужно?

Знаю.
Но объяснять как делать адаптивную вёрстку - смешно просто. И долго.
Есть общие правила и просто море полезной информации в интернете. Пользуйтесь. Или закажите эту работу у специалистов.

Двумя строчками стилей вы дела не сделаете. Тремя, кстати, тоже.

Тут нужно тестировать, проверять на разных девайсах и браузерах. Особенно, если есть "существенные модификации".
Подобрали бы шаблон, который отвечает вашим требованиям лучше, чтобы не приходилось копаться с вёрсткой, которую вы не знаете.
А сделать чтобы везде было одинаково, мол один сайт на мобильных и на десктопе - дело тяжёлое и не всегда правильное.

К обязательному ознакомлению
Будет полезным:
Статья
Статья
Статья
Остальное - ищите самостоятельно.

P.S. Недостаточно читали инфы, если решили что эти две строчки исправят весь сайт.
Более чем, каждый сайт и правки к нему — и н д и в и д у а л ь н ы (по большей части).
Не существует магического куска кода, который мигом исправит всё, что есть.
 
Сверху Снизу