iPhone視口元標記更改主屏幕鏈接

我有一個Web應用程序，我以前已經設置了支持帶有主屏幕書籤的iPhone所需的元標記。該網站在safari中運行良好，並且作爲具有Apple-Mobile-web-app-capable的書籤設置爲yes，因此它在您使用主屏幕鏈接時刪除了瀏覽器控件。iPhone視口元標記更改主屏幕鏈接

現在iPhone 5已經出來了，我意識到，通過在頁面上的視口設置，它在屏幕的頂部和底部顯示帶有黑條的網站。我已經改變了我的視口元標記，以便它可以使用iPhone 5的全屏幕。但是，主屏幕書籤使用新視口標記並全屏顯示的唯一方法是刪除書籤，然後重新添加它。

是否有另一種方法來設置事情，以便已安裝的主屏幕書籤的每個人都不需要刪除，並重新添加它爲網站去全屏？

來源

2012-10-10 user1735869

這是Burlin在Gist上找到的解決方案。作品一種享受。 https://gist.github.com/3840737

<!-- standard viewport tag to set the viewport to the device's width 
    , Android 2.3 devices need this so 100% width works properly and 
    doesn't allow children to blow up the viewport width--> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> 
<!-- width=device-width causes the iPhone 5 to letterbox the app, so 
    we want to exclude it for iPhone 5 to allow full screen apps --> 
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />

來源

2012-12-07 18:58:36

這很酷，但是爲了什麼目的，你包含了兩個相同的ID？ – fisherwebdev

iPhone視口元標記更改主屏幕鏈接

回答

相關問題