Не так подгружает css на мобильном устройстве. Почему?

Question

[byms]

Есть главный файл css, в нем указана простая верстка и ниже через media указана под мобилу. С компа все работает ок, но через айфон и именно браузер хром(на сафари все ок), с первого раза подгружает как будто не видит media, раза 2-3 перезагружаю страницу, становится все. Из-за чего это может быть?

Answer 1

[Алексей Бульба]

Префиксы стоят на -webkit ?
И в какой последовательности?

Как вариант можно опустить их в низ, чтобы применялись.

Comments

[byms]

.block-icons .item {
padding: 10px 0;
text-decoration: none;
border-right: 1px solid #eee;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin: 0;
vertical-align: middle;
width: 15%;
text-align: center;
}
media (max-width: 768px) {
.block-icons .item {
width: 24%;
}
}

Вот как пример, одного из элемента который не работает