Размер окна может отличаться от размера устройства?

У меня есть сайт Magento 1.9 с основой 5 в качестве рамки. Как я протестировал на своем iphone 6 plus, у которого есть устройство (w * h) 414px * 731px. но когда я запускаю его против jQuery $(window).width(), я получаю вместо него 980.Размер окна может отличаться от размера устройства?

Я проверил все мои CSS, на html, body, container которых некоторые имеют width:100% но ни я ничего не могу сказать, что это 980px. пожалуйста помоги.

источник

2015-12-07 aahhaa

Посмотрите [медиа-запросы] (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp). Они могут выполнить то, что вам нужно. –

Да, пиксели CSS и пиксели устройства не совпадают. См. this question и this article для получения дополнительной информации.

источник

2015-12-07 22:15:48 Cyrille

Спасибо вам большое. Я думаю, что добавление видового экрана ' 'будет решать проблему совместимости между устройствами? – aahhaa

Будьте осторожны с 'maximum-scale = 1.0', это не позволяет пользователю изменять масштаб страницы. Эта 'meta' будет адаптировать видовое окно, чтобы оно соответствовало ширине' device-width', которая является шириной CSS вашего устройства – Cyrille

Размер окна может отличаться от размера устройства?

ответ

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