<link href="images/apple-touch-startup-image.png" rel="apple-touch-startup-image">↑を入れても、ホームでブックマークしてから起動してもiOS7でうまく表示されない…ほかのサービスで出来てるサイトのものをコピーしてもうまくいかない。画像をルートからの指定にしてもダメそうです。どなたかわかるかた教えていただけるとうれしいです。
サイズピッタリじゃないとダメって他サイトで書かれてるけど、それはどう？
トピ主です。iPhone5,5s,5cが確認対象なので、640x1176にしてもうまく行きません。1176pxにしているのは<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">を入れているからです。
下記を入れてみても同じでした。<link rel="apple-touch-startup-image" href="images/apple-touch-startup-image.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
<meta name="apple-mobile-web-app-capable" content="yes">これいれなきゃダメだったきがする。
トピ主です。確認してみたのですが、そのソースは入っていました…ありがとうございます。
ソース送っておきます。<!doctype html><html><head><meta charset="utf-8"><title>demo</title><meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="demo"><link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="images/apple-touch-startup-image.png"><link rel="stylesheet" href="styles/style.css"></head><body></body></html>タグの順番の問題なのでしょうか…
もしかしてベーシック認証かけたりしてない？
あっ…Dropboxにあげてました…そのせいでしょうか
パブリックな環境なら問題ないと思うんだけど、あまりにもレスポンスが遅いとかなら勝手にタイムアウトしちゃうかもしれませんね。
思いついてませんでしたが、画像容量のせいかもしれないですね。確認してみます。
と、思ったのですが、画像容量は17KBでした…やっぱり謎です…
みんなの回答 3 件
サイズピッタリじゃないとダメって他サイトで書かれてるけど、それはどう？
<meta name="apple-mobile-web-app-capable" content="yes">
これいれなきゃダメだったきがする。
ソース送っておきます。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="demo">
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png">
<link rel="apple-touch-startup-image" href="images/apple-touch-startup-image.png">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
</body>
</html>
タグの順番の問題なのでしょうか…
関連するトピックス