如何實現html5頁面,自動提示新增到主螢幕

2022-09-19 01:36:12 字數 654 閱讀 7063

既然是在ios中的safari折騰的,那麼**中利用到的也基本上都是safari的私有屬性。

由於iphone以及ipad都有兩種解析度的裝置存在,圖示的尺寸就需要做4個:144×144(ipad retina)、72×72(ipad)、114×114(iphone retina)、57×57(iphone)。

可以使用sizes尺寸來告訴裝置該呼叫哪個圖示。

有了圖示還不夠像,還需要加上啟動畫面:

啟動畫面的尺寸並非完全等於裝置的尺寸,比如ipad2的尺寸是1024×768,但它的啟動畫面尺寸橫向是1024×748,豎向尺寸是768×1004,因為需要減去系統狀欄的高度20px,而使用的retina螢幕的iphone4以及ipad3則需要減去狀態列的高度40px。

viewport並非safari的私有屬性,width用於指定寬度,initial-scale指定初始化的縮略比例,minimum-scale指定縮小的比例,而maximum-scale則是放大的比例,當然這些縮放都取決於user-scalable——決定使用者是否能縮放頁面。

更正:

雖然new ipad採用了retina螢幕,但實際上物理解析度並沒有變,還是1024*768的,所以以上**中的new ipad的啟動畫面**尺寸有誤,應該是

HTML5頁面增強元素

5增強的頁面元素 1.details元素和summary元素 details語義 詳情 summary語義 概要,簡要 details元素可以實現類似顯示 隱藏的功能。summary用於顯示details的標題或者間接。注意 1.如果details下沒有summary元素,瀏覽器會自動新增,同時內容...

html5頁面載入改背景

關於我的頁面在載入的時候需要進行通過js進行判斷進行啟動背景的啟動控制,特此備註 if clientname yigui else 通過jquery 可以進行直接更改樣式 var thisw window.innerwidth document.documentelement.clientwidth...

HTML5頁面檔案的基本結構

html頁面是靜態的,從頭到尾都沒有程式的執行,不經過伺服器處理就呈現給瀏覽者。doctype html utf 8 文章標題 title head body html 不是html標記,對大小寫不敏感。必須位於html文件第一行,用來告訴web瀏覽器當前頁面使用哪個版本 此標記限定了文件的開始和結...