2016-01-30 3 views
0

Использование Bootstrap, приложение, которое у меня будет выглядеть как приложение для смартфона, даже если я просто изменю размер окна Google Chrome на Mac, чтобы быть очень узким.Использование Bootstrap, как сделать приложение похожим на приложение для смартфонов на большом экране, таком как iPhone 6?

Однако, я обнаружил, что, когда я использую iPhone 6 для открытия приложения, он на самом деле выглядит как обычное настольное приложение, причем текст слишком мал, чтобы его видеть.

Как это сделать, чтобы выглядеть как приложение для смартфона (без простой компоновки) на iPhone 6? (Это связано с iPhone 6, имеющий больший экран?)

ответ

2

Попробуйте добавить эту строку в <head> теге

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Или вы можете оставить свой основной HTML-код.

Подробнее: Bootstrap Doc

+0

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

+0

Точно. Вспомните, когда был выпущен первый iPhone. У вас был дерьмовый опыт Blackberry в использовании вашего маленького шара, чтобы перемещаться по частям экрана. Этот тег похож на «позволяет взять любой существующий сайт и позволить вам увидеть, ущипнуть, чтобы увеличить (помните, насколько впечатляющим было это дерьмо ?!), или люди, которые оптимизировали свои сайты, могут контролировать, как это выглядит. Но по умолчанию регулярные сайты будут как если бы телефон был 960px (ширина по умолчанию в те дни) – tayvano

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