Note that there are some explanatory texts on larger screens.

plurals
  1. POApple touch icon isn't showing up on the home screen
    primarykey
    data
    text
    <p>I'm using the following code to get touch icons for mobile devices - it's based on the html5boilerplate/mobile example:</p> <pre><code>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"&gt; &lt;!-- For iPhone 4 with high-resolution Retina display: --&gt; &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png"&gt; &lt;!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --&gt; &lt;link rel="apple-touch-icon-precomposed" href="/img/touch/l/apple-touch-icon.png"&gt; &lt;!-- For nokia devices: --&gt; &lt;link rel="shortcut icon" href="/img/touch/apple-touch-icon.png"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt; </code></pre> <p>But for some reason, the iPhone is still giving me problems for the home screen icon. All I get is that annoying screenshot icon.</p> <p>I've included the other meta tags here in case they shed some light on why it isn't working. I've tried reordering the tags. </p> <p>Can anyone think of anything that might stop the icons being used? </p> <p>I've used html5boilerplate/mobile as a test case - I'm able to browse to their site and add the icon to the home screen on my iPhone (4S iOS5). I've tried copying their code, folder structure, and icons into my own site, but this didn't work. </p> <p>Any ideas?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload