Chúng tôi sử dụng mã sau đây để thêm các biểu tượng cho favicon, máy tính bảng, điện thoại thông minh, gạch cửa sổ 8 và tương tự: -
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>
<meta name="msapplication-TileColor" content="#17151a"/>
Thật không may, điều này dường như không hoạt động đối với IE9 và IE10, 'màn hình trang web phổ biến nhất của bạn', các tìm kiếm google đã không sáng tỏ.
Stack sử dụng <link rel="apple-touch-icon" href="apple-touch-icon.png">
mà dường như làm việc cho nó, nhưng không phải cho chúng ta.
Bất kỳ manh mối cho một giải pháp đánh giá cao.