Как мне сделать изображение или раздел страницы на весь экран на iPhone?iPhone Full Screen Image
У меня есть изображение 480 х 320, и я хочу вытащить его на весь экран на iPhone, но он должен быть внутри веб-страницы, чтобы я мог сделать изображение ссылкой на предыдущую страницу.
В настоящее время, если я удаляю изображение на пустой странице, и я открываю его на iPhone, он просто появляется в верхнем левом углу.
Я бы сказал, чтобы мета-тег viewport отображался на пустой странице, поэтому Safari знает, как сделать страницу нужного размера. Для получения дополнительной информации, смотрите по этой ссылке:
Надеюсь, я не в нарушение NDA здесь, но здесь идет.
Mobile Safari по умолчанию отображает страницу так, как если бы эта страница просматривалась браузером рабочего стола с шириной по умолчанию 980 пикселей.
Чтобы изменить это поведение, вам необходимо явно объявить окно просмотра, которое вы выполняете с помощью метатегов. Если вы объявите ширину константе device-width, она по умолчанию будет равна 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/
Я не уверен, если это имеет значение, но некоторые примеры, которые я видел также включая минимальную шкалу и максимальную шкалу. `` – 2014-05-04 00:08:04