我在移動網站上練習，但遇到兩個問題。移動網站問題
在我的iPhone我能夠向下按在Safari瀏覽器中間的按鈕，並使用「添加到主屏幕」，以便將其他應用程序之間我的iPhone屏幕上的「應用程序圖標」。當我按下我網站的圖標時，它顯然會將我重定向到我的網站，並且（感謝javascript文件）隱藏了瀏覽器導航欄。但是，當我按下網站上的'href'鏈接時，我將被帶回Safari瀏覽器並在那裏打開它。
我想這是因爲我寫的是這樣的：
而且我的手機，我通過IP地址訪問該網站。 有什麼辦法可以解決這個問題嗎？
-
另一個問題：
當我使用「添加到主屏幕」在Safari，我應該給它一個名字。它會自動使用我在HMTL文件中給出的'標題'。但是，我應該如何給應用程序一個圖標？它目前只是用某種作爲網站圖標的屏幕截圖..
iphone-app-icon-html-web-app-home-screen-icon
的iPhone手機Safari網絡瀏覽器識別特殊的HTML標籤，可以讓你添加一個iPhone應用程序圖標，你的HTML應用程序。下面是一個可以讓你添加一個iPhone應用程序圖標添加到您的Web應用程序的語法：
<link rel="apple-touch-icon" href="/my-app-icon.png" />
與在REL領域的蘋果觸摸圖標此HTML鏈接標記告訴iPhone的移動Safari瀏覽器使用該圖標作爲您的網絡應用的應用圖標。
iPad和iPhone的應用程序圖標的像素尺寸
爲了支持更高分辨率的iPhone 4，iPhone應用程序的圖標應爲114 114像素的圖標。舊款iPhone使用56x56像素圖標（或可能爲57x57），iPad使用72x72像素圖標，您提供的圖像將縮小並適用於所有這些設備。這裏有一個簡單的總結：
iPhone 4 - 114x114 pixels
Older iPhone - 57x57 pixels
iPad (version 1) - 72x72 pixels
如果你喜歡你的應用程序圖標大小的一點點更多的控制權，蘋果公司的文檔說明下面的例子：
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />