Нужна помощь с мобильной версией!

  • mihail1101

    (@mihail1101)


    6 лет, 2 месяца назад

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

    Очень нужна ваша помощь. Дело вот в чём:
    Мой сайт выглядит корректно, именно ширина содержимого. Этого я добился следующей настройкой в редакторе CSS.

    body.center-content #primary {
  width: 65%;
  float: none;
  padding: 0;
  margin: 0 auto;
}

    Всё прекрасно, но в мобильной версии блок статьи сжат очень сильно, почти нечитаемо, а на ПК всё хорошо. Если поставить width: 100%;, то мобильная версия становится супер-удобной, читаемой и блок статьи — на весь экран. Но версия ПК в свою очередь портится, всё становится огромным и несуразным.

    Вопрос следующий: пожалуйста, дайте код, объясните как сделать, чтобы версия ПК имела width: 65%;, а мобильная width: 100%;? Я новичок, поэтому рискну предположить, что есть возможность поставить какой-то тег перед кодом, чтобы он распространялся только на версию ПК или мобильную тему.

    С нетерпением жду вашей помощи!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
  • anonymized-14765447

    (@anonymized-14765447)

    6 лет, 2 месяца назад

    mihail1101, привет.

    /* Для ПК */
body.center-content #primary {
	width: 65%;
	float: none;
	padding: 0;
	margin: 0 auto;
}
    /* Для моб. устройств */
@media only screen and (max-width : 480px) {
	body.center-content #primary {
	  width: 100%;
	}
}
Просмотр 1 ответа (всего 1)

Тема «Нужна помощь с мобильной версией!» закрыта для новых ответов.