gpt4 book ai didi

iPad3 网络应用启动画面无法在横向模式下工作

转载 作者:太空狗 更新时间:2023-10-29 14:06:31 25 4
gpt4 key购买 nike

我为 iPad 构建了一个 HTML5 网络应用程序,它在横向和纵向模式下使用启动画面。我使用下面的链接标签让它工作。

<link media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="{{MEDIA_URL}}ipad/img/Default-Landscape.png" rel="apple-touch-startup-image"/>
<link media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="{{MEDIA_URL}}ipad/img/Default-Portrait.png" rel="apple-touch-startup-image"/>

图像在 iPad1 和 2 上运行良好,但是在 iPad3 上,横向模式下的启动画面显得不合适,纵向模式下工作正常。我必须为横向模式使用不同的图像还是必须更改链接标签?

最佳答案

高分辨率 iPad 启动图像的大小(以像素为单位):
1536 x 2008(纵向)
2048 x 1496(横向)
来源:apple

将此添加到您的媒体查询中:
和 (-webkit-min-device-pixel-ratio: 2) 以针对新 iPad,例如:

<link rel="apple-touch-startup-image" href="img/ipad-landscape-retina.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)" /> 

关于iPad3 网络应用启动画面无法在横向模式下工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9812474/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com