Веб-дизайн только для iPhone

#iphone #mobile #mobile-safari

#iPhone #Мобильный #мобильный-safari

Вопрос:

Я хочу создать веб-дизайн специально для iPhone. Я создаю дизайн непосредственно с размерами iPhone в портретном режиме: ширина: 320 пикселей; высота: 356 пикселей; У меня есть логотип в формате png, я помещаю окно просмотра в начало: <meta name = "viewport" content = "width=device-width">

http://jsfiddle.net/u2rbj/

Он отлично работает в портретном режиме, но в альбомной ориентации он масштабирует все, даже png, и теряет разрешение. Как я могу это решить?

Ответ №1:

Убедитесь, что вы настроили область просмотра для своей веб-страницы, используя специальные теги, созданные специально для iOS и других мобильных платформ. Полюбуйтесь на это.

Комментарии:

1. Да, я прочитал это перед тем, как задать вопрос, и я поставил тег: <meta name = «viewport» content = «width=device-width»> Затем возникает проблема в альбомной ориентации