iOS   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了iOS web应用程序(尤其是iPad)的多苹果触摸启动图像分辨率?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我写了一个基于HTML5的iOS Web应用程序,似乎都运行良好,但我试图抛光它与多个启动屏幕。 iPhone / iPod touch适用于320×460的PNG,效果如下: @H_772_5@ @H_772_5@
<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
@H_772_5@我发现大量的文档说,iPad的启动图像应该像iPhone / iPod touch,从高度削减20px,以适应状态栏,分辨率为768×1004(肖像)或1024×748(风景)。但是,在我的测试(目前的w /一个运行iOS 3.2.2的iPad),只有768×1004(纵向)分辨率工作(但是不正确-20px太窄 – 当横向模式)。

@H_772_5@我试过以下(一个基于苹果触摸图标链接功能的野生猜测),没有效果

@H_772_5@
<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/startup_screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/startup_screen-768x1004.png" />
@H_772_5@如果是列出的最后一个链接元素,则只有768×1004分辨率图片可用。如果1024×748分辨率图像是最后一个,则会替换为灰色背景(但不是768×1004)。所以,显然apple-touch-startup-image链接不支持sizes属性

@H_772_5@这是新版本的iOS支持的吗?有什么办法支持多个启动图像吗?我应该创建一个1024×768启动图像吗?如果是这样,iPhone / iPod touch会按比例缩小吗?或者,我应该放弃,没有一个启动的形象为iPad?

解决方法

iPad和iPhone的启动图像和触摸图标的定义解决方案(横向||肖像)和(视网膜||不): @H_772_5@ @H_772_5@
<!-- iPhone ICON -->
        <link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">
        <!-- iPad ICON-->
        <link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
        <!-- iPhone (ReTina) ICON-->
        <link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
        <!-- iPad (ReTina) ICON-->
        <link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">

        <!-- iPhone SPLASHSCREEN-->
        <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320pX)" rel="apple-touch-startup-image">
        <!-- iPhone (ReTina) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320pX) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (por@R_618_9829@t) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768pX) and (orientation: por@R_618_9829@t)" rel="apple-touch-startup-image">
        <!-- iPad (landscapE) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768pX) and (orientation: landscapE)" rel="apple-touch-startup-image">
        <!-- iPad (ReTina,por@R_618_9829@t) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536pX) and (orientation: por@R_618_9829@t) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iPad (ReTina,landscapE) SPLASHSCREEN-->
        <link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536pX)  and (orientation: landscapE) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

大佬总结

以上是大佬教程为你收集整理的iOS web应用程序(尤其是iPad)的多苹果触摸启动图像分辨率?全部内容,希望文章能够帮你解决iOS web应用程序(尤其是iPad)的多苹果触摸启动图像分辨率?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。