我該如何着手在iPhone上製作全屏圖像或部分頁面?iPhone全屏幕圖像
我有一個480 x 320的圖像,我想在iPhone上將其全屏拉出來,但它必須位於網頁內,以便我可以將圖像鏈接回上一頁。
目前,如果我將圖像放在空白頁面上,並在iPhone上打開它,它只會顯示在左上角。
我該如何着手在iPhone上製作全屏圖像或部分頁面?iPhone全屏幕圖像
我有一個480 x 320的圖像,我想在iPhone上將其全屏拉出來,但它必須位於網頁內,以便我可以將圖像鏈接回上一頁。
目前,如果我將圖像放在空白頁面上,並在iPhone上打開它,它只會顯示在左上角。
我想說在你的空白頁面設置視口meta標籤,所以Safari知道要呈現在正確的大小的頁面。欲瞭解更多信息,請參閱以下鏈接:
希望我沒有違反NDA這裏,但在這裏不用。
默認情況下,Mobile Safari呈現頁面,就像該頁面已被桌面瀏覽器查看一樣,默認寬度爲980像素。
要更改此行爲,您需要顯式聲明視口,您可以通過元標記執行此操作。如果將寬度聲明爲常量設備寬度,它將默認爲320而不是980,並且一切看起來都很棒。
<head>
<meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
不錯的鏈接可以幫助您進一步:
如何優化你的網站爲移動設備: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/
我不知道,如果它的問題,但一些例子我見過的還還包括最小規模和最大規模。 `` – 2014-05-04 00:08:04