Vieport Resizer не отображает реальный вид сайта на мобильных устройствах?

Question

[Иван Федоров]

Есть такая тулза Viewport Resizer, она позволяет произвольно менять размеры сайта, типа для просмотра, как сайт будет выглядеть на планшете, смартфоне и т.п. Если верить этой фиче, то шапка сайта отображается нормально при любом разрешении. Но вот на реальном смартфоне с экраном 480х800 за логотипом появляется кнопка "Наверх", которая должна быть видна, только если пользователь прокрутил сайт до второго экрана. Сайт nikstorm.ru Как с этим бороться? На обычном мониторе все отображается как надо.

Answer 1

[nd0ut]

Для этого есть замечательный Device Mode в Chrome Dev Tools.
https://developer.chrome.com/devtools/docs/device-mode

Comments

[Иван Федоров]

Те же яйца, только в профиль. Или я как-то не так запускаю это режим? Подскажи.

[nd0ut]

Иван Федоров: на телефоне браузер не хром, я так понял?

[Иван Федоров]

nd0ut: Хром

[nd0ut]

Иван Федоров: потестил. В device mode после перезагрузки страницы кнопка видна. Проставьте явно z-index'ы для первой страницы и кнопки.

Answer 2

[zooks]

В Google Chrome наиболее приближен к реальному вид на мобильных устройствах.
Вызывайте на F12.