我为iPad构建了一个HTML5 webapp,它使用启动画面进行横向和纵向模式.我使用下面的链接标签来使其工作.
<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"/>
Run Code Online (Sandbox Code Playgroud)
这些图像适用于iPad1和2但是,使用iPad3时,横向模式下的启动画面显得不合适,肖像模式工作正常.我是否必须使用不同的图像进行横向模式或必须更改链接标记?