Почему не принялся CSS код списка с мобильного телефона?

Question

[Владимир Волохов]

<ul class="menu">
		<li class="menu-s"><a href="../index.php" class="linkMenu">Главная</a></li>
		<li class="menu-s"><a href="../index.php" class="linkMenu">Задания</a></li>
		<li class="menu-s"><a href="../admin/admin.php" class="linkMenu">Панель администратора</a></li>
		<li class="menu-s"><a href="../admin/sadmin.php" class="linkMenu">Панель супер-администратора</a></li>
 </ul>

У меня присутствует

<meta name="viewport" content="width=device-width; initial-scale=1.0;">

Но все равно с ПК все хорошо и стили работают. С телефона это обычный список без стилей.

Comments

[Алексей Ярков]

А где css код?

[Владимир Волохов]

Алексей Ярков, он полностью рабочий.

.menu-s {
	  font-weight: inherit;
	  text-transform: uppercase;
      position: static;
      color: #fff;
      font-size: 20px;
      display: inline-block;
      margin: 5px 5px 5px 5px;
}

.linkMenu  {
	text-decoration: none;
	color: #fff;
}
.linkMenu:hover {
	text-decoration: none;
	color: #DCDCDC;
}

.head {
	margin-top: 15px;
	background-color: #0273b2;
}

.liMenu:hover {
	background-color: #c0c0c0;
}

.menu {
	 display: block;
     padding: 0 10px;
}

[Ankhena]

Владимир Волохов, и как же они "не применяются"?

[Владимир Волохов]

Ankhena, я и задал этот вопрос, как вы видите. С пк все работает отлично, с телефона ни один стиль не применился.

[Ankhena]

Владимир Волохов, разбирайтесь с кешем.
Или показывайте ссылку на сайт.

Answer 1

[Владимир Волохов]

Мои догадки оказались верны. Протестировал с нескольких мобильных браузеров - проблема исчезала. Обновил браузер (на котором фиксировалась проблема) до последней версии и стили снова заработали.

Answer 2

[Александр]

Как минимум

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[Владимир Волохов]

А что, собственно, сделало отуствие ;? Ничего не изменилось.

[Александр]

Владимир Волохов, Как минимум, стало правильно?

[historydev]

Александр, ахахвхавхавхавх, чел думает что мета тег с вью-портом меняет стили ахвахавхавхававхвахв, тут ничего не меняется)))

[Ankhena]

Владимир, по меньшей мере, изменится количество помещающихся в строку ссылок.
А еще браузер перестанет определять область контента и корежить её по своему усмотрению.

[Владимир Волохов]

Владимир, Держу в курсе мета тег помогает с маштабированием. Я в курсе что это, мой вопрос никак с этим тегом не был связан, я упомянул его потому что видел ответ, в котором говорили добавить его при точно таком же вопросе. Но данный тег у меня был выставлен с самого начала. Глупый) Не применяется CSS в мобильной версии, что делать?

[historydev]

Ankhena, так он указал 2 параметра, я прекрасно понимаю как это работает, width=device-width не достаточно. Я всегда юзаю все параметры с maximum, minimum и initial-scale чтобы избежать подобного поведения на мобилках

[historydev]

Ankhena, он не меняет стили, он меняет область рабочую от чего места меньше - ссылок помещается меньше, это не медиа запрос

[historydev]

Владимир Волохов, Глупый вопрос твой, дырки в знаниях закроет гугл если будешь его юзать, уж соизволь затруднить себя и нажать пару кнопок, чтобы посмотреть все параметры view-port и провести тесты с разными значениями.

[Ankhena]

Владимир,

так он указал 2 параметра

Этого достаточно.

всегда юзаю все параметры с maximum, minimum и initial-scale

Если у вас max больше 2, то норм. Если нет, то я сильно против.

[historydev]

Ankhena, разумеется больше, чтобы юзер мог приблизить достаточно сильно, но не настолько, чтобы можно было пиксели видеть

[Ankhena]

Владимир, полно ведь деятелей, которые ставят 1. Я их боюсь :)

[Владимир Волохов]

Владимир, Челик я не идиот :). Перед тем как задать вопрос, я прогуглил решение и попробовал все способы. viewport никак не был связан с фиксом и он тут был ни при чем. Его опять же повторюсь, я вписал, чтобы избавить от ответа, который мне не помог (тут Не применяется CSS в мобильной версии, что делать?). Сколько раз мне повторить, чтобы ты понял?

[historydev]

Владимир Волохов,

У меня присутствует

<meta name="viewport" content="width=device-width; initial-scale=1.0;">

Но все равно с ПК все хорошо и стили работают. С телефона это обычный список без стилей.

Так задавай вопрос нормально, челик.