2013-12-21 5 views
1

Я проделал мое исследование по ширине мобильного экрана, но есть и то, что я тоже не могу получить прямой ответ.Ширина устройства для мобильного экрана

Возьмите iPhone 4, например, at this site он имеет ширину 640 пикселей и высоту 960 пикселей. Однако он имеет ширину устройства 320 пикселей. Что такое ширина устройства? Я делаю отзывчивый веб-сайт, и эта ширина устройства кажется ключевой частью. Является ли ширина устройства размером, чтобы веб-сайты масштабировались должным образом? его меньшие места для настольных компьютеров, другие разумные они будут масштабироваться до того же разрешения, что и настольный монитор почти? Может ли какой-либо орган объяснить ширину устройства относительно фактической ширины и, если возможно, в контексте адаптивного веб-дизайна и метатега порт представления.

+0

есть физический размер для этого .. есть ширина устройство, которое, очевидно, указанном в пикселях, и отличается от ширины устройства. Кроме того, несмотря на тестирование, я знаю, что экран становится такой шириной, когда я запрашиваю, чтобы мобильный был фактическим. Я просто хочу получить некоторую информацию в контексте веб-дизайна. –

+0

Возможный дубликат [Отзывчивый дизайн мобильного и рабочего стола] (http://stackoverflow.com/questions/20720516/responsive-design-mobile-and-desktop) –

ответ

0

Это потому, что вы не установили окно просмотра. Подробнее об этом здесь: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

Try, чтобы добавить этот мета тег в головной секции, и он должен решить проблему:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
Смежные вопросы