Мобильное представление в Хроме не совпадает с моим мобильником

[borus]

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

 

Столкнулся с тем, что если на странице нажать на кнопку Быстрая покупка под фото товара, то в мобильном представлении десктопного Хрома при проставлении размера монитора 480 на 800 пикс все выглядит более правильно:

, чем в реале на моем мобильнике в том же Хроме с тем же разрешением 480*800 пикс:

 

Скажите, пожалуйста, как понять, каких стилей не достает моему мобильному хрому, чтобы все отображалось как в десктопном эмуляторе? Или лучше не пытаться это понять и попытаться применить стили бутстрап к всплывающей форме сразу?

 

P.S. буду благодарен если Вы поделитесь статистикой отображения всплывающей формы со своих мобильных устройств

Edited January 13, 2016 by borus

[klierik]

• http://take.ms/KVq6w

• http://take.ms/OItz1
• http://take.ms/8ae4V

[borus]

 

• http://take.ms/KVq6w
• http://take.ms/OItz1
• http://take.ms/8ae4V

 

Спасибо! получается это у меня такой телефон...

Как понять, стоит ли что-то предпринимать, чтобы таких как я, видящих часть фомы, было меньше? Наверно тут и думать не надо, что надо что-то предпринять но чего тогда не хватает браузеру например на моем телефоне, как понять?

Edited January 13, 2016 by borus

[klierik]

А что мешает подключить телефон к компьютеру и отдебажить?

Это нативный браузер или Chrome? Если нативный — я не встречал возможности его дебажить, за исключением WEINRE

[borus]

А что мешает подключить телефон к компьютеру и отдебажить?

это как?  

[klierik]

https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging

[abrahadabra]

https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging

 

Огромное спасибо!

Очень полезная ссылка.

[borus]

Спасибо. Занятное оказалось дело. Подправил ширину всплывающей формы быстрой покупки и выявилась новая задача.

Она связана с тем, что всплывающая форма не может быть прокручена вниз на моём мобильнике, чтобы увидеть и нажать кнопку Купить. Из-за маленького монитора(он почему-то оказался 320 пикс шириной вместо ожидаемых 480) вся всплывающая форма не помещается на экран. Что можно сделать, чтобы можно было двигать строго позиционированную сейчас всплывающую форму быстрого заказа вверх-вниз без сокращения вертикальных пустот, облегчающих чтение?

[Switch74]

Обычно я делаю так:
при отображении всплывающего блока (popup) я делаю у body {overflow:hidden}, а у popup{overflow:auto} стоит, для случая отображения большого объема информации