Полноэкранное изображение iPhone
-
02-07-2019 - |
Вопрос
Как мне сделать изображение или часть страницы полноэкранным на iPhone?
У меня есть изображение размером 480 x 320, и я хочу развернуть его на весь экран iPhone, но оно должно находиться на веб-странице, чтобы я мог сделать изображение ссылкой на предыдущую страницу.
В настоящее время, если я помещаю изображение на пустую страницу и открываю его на iPhone, оно просто отображается в верхнем левом углу.
Решение
Я бы сказал, установите метатег области просмотра на пустой странице, чтобы Safari знал, как отобразить страницу нужного размера.Для получения дополнительной информации смотрите эту ссылку:
Другие советы
Надеюсь, я не нарушаю соглашение о неразглашении, но вот так.
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/