我的 index.html 文件中有这个:
<!-- WEB SEARCH META TAGS -->
<meta charset="utf-8">
<meta name="robots" content="index,follow" />
<meta name="keywords" content="surfboards,surfboard,shaper,surfing,app,boards,board" />
<meta name="description" content="" />
<meta name="author" content="BoardLine Cie">
<link rel="shortcut icon" href="images/apple-touch-icon-57x57-precomposed.png" />
<!-- SAFARI WEB APP META TAGS -->
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta name="apple-mobile-web-app-title" content="BoardLine">
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- CSS-->
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- iPhone + Android -->
<link rel="apple-touch-icon" sizes="60x60" href="images/apple-touch-icon.png"/>
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="images/apple-touch-startup-image320x460.png">
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57x57-precomposed.png" />
<!-- iPhone (Retina) -->
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="images/apple-touch-startup-image640x920.png">
<!-- iPhone 5 -->
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="images/apple-touch-startup-image640x1096.png">
<!-- iPad -->
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="images/apple-touch-startup-image768x1004.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="images/apple-touch-startup-image748x1024.png">
<!-- iPad (Retina) -->
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
<link href="img/splash/ios/splash1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="img/splash/ios/splash1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
这些文件位于根文件夹中,其访问权限受 .htaccess 限制(用于测试目的)。
所有 png 文件都具有文件名中指示的像素尺寸。
但是android(在我的情况下是4.1.2)一直使用标准图标作为主屏幕快捷方式(橙色图片)......在iphone4上也不起作用。
你能帮我找出问题所在吗?
谢谢