Почему страница на Bootstrap «едет» на Windows mobile?

Question

[rinatoptimus]

На iOS отображается более-менее, а на смартфоне с Windows mobile плохо. Пробовал ставить какие-то хаки, которые нашел в сети, не помогли.
ХТТП://rezplitka.ru/landing/new/ К примеру, изображение в шапке при уменьшенном экране должно исчезать, но медиа-запросы не срабатывают.

Comments

[Роман Бебнев]

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

Answer 1

[Котик Антон]

Верстайте сначала для мобильных.

Например, вместо такого вариант:

.man-top {
    margin-left: -48px;
    margin-top: -547px;
    width: 504px;
    height: 697px;
    background: url('../img/man-top.png') no-repeat;
}

@media screen and (max-width: 360px) {
    .man-top {
        display: none;
    }
}

Следует писать:

.man-top {
    display: none;
    margin-left: -48px;
    margin-top: -547px;
    width: 504px;
    height: 697px;
    background: url('../img/man-top.png') no-repeat;
}

@media screen and (min-width: 361px) {
    .man-top {
        display: block;
    }
}

Подробнее можете почитать тут:
www.html5rocks.com/en/mobile/responsivedesign