2016-02-18 5 views
0

enter image description hereGoogle Dev Tools конфликтующих размеров

На изображении вы увидите, что рядом с флажком и «экран» Dev инструментов показывают, что размеры 320x568 однако под этим, направляющие показывают, что в ширина почти 950, а длина намного превышает 1500. Может ли кто-нибудь сказать мне, почему это происходит?

ответ

1

У вас есть зум 0.3, что эффективно уменьшает размер вашей страницы на 3.33x. Попробуйте сбросить масштаб до 1.

+0

ahh, который исправляет проблему ширины. однако, чтобы добраться до крайнего правого края моего веб-сайта, мне нужно прокрутить прокрутку в пределах границы имитируемого устройства. он пока еще показывает, что крайнее право моего веб-сайта составляет около 975. Это имеет смысл? я могу отредактировать вопрос и добавить новые снимки экрана, что я имею в виду, если это не так. – femmebug

+1

Да, это имеет смысл. Ширина макета по умолчанию в Chrome составляет 980 пикселей. Если вы хотите, чтобы ваша страница соответствовала ширине экрана вашего устройства (то есть сделайте ее удобной для телефона :)), используйте '' (см. [MDN] (https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag)). –

+0

Замечательно, большое спасибо за вашу помощь. Работал как шарм. :-) – femmebug

Смежные вопросы