Полноэкранное изображение iPhone
Как мне сделать изображение или часть страницы в полноэкранном режиме на iPhone?
У меня есть изображение размером 480 x 320, и я хочу вывести его на весь экран на iPhone, но оно должно быть на веб-странице, чтобы я мог сделать изображение ссылкой на предыдущую страницу.
В настоящее время, если я помещаю изображение на пустую страницу и открываю его на iPhone, оно просто отображается в верхнем левом углу.
Ответы 3
Я бы сказал, установите метатег области просмотра на пустой странице, чтобы Safari знал, что нужно отображать страницу нужного размера. Для получения дополнительной информации перейдите по этой ссылке:
Надеюсь, здесь я не нарушаю NDA, но начнем.
Mobile Safari по умолчанию отображает страницу так, как если бы эта страница просматривалась в браузере настольного компьютера, с шириной по умолчанию 980 пикселей.
Чтобы изменить это поведение, вам нужно явно объявить область просмотра, что вы делаете с помощью метатегов. Если вы объявите ширину константу ширина устройства, по умолчанию она будет равна 320, а не 980, и все выглядит отлично.
<head>
<meta name = "viewport" content = "width=device-width,user-scalable=no" />
</head>
хорошие ссылки, которые могут помочь вам в дальнейшем:
Как оптимизировать свой сайт для мобильных устройств: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/
Я не уверен, имеет ли это значение, но некоторые примеры, которые я видел, также включают минимальный и максимальный масштаб.
<meta name = "viewport" content = "width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">