1首先，打開手機(jī)safari瀏覽器，進(jìn)入瀏覽器界面2進(jìn)入主界面后，搜索需要添加到主屏幕的網(wǎng)頁3在網(wǎng)頁所在的頁面，點(diǎn)擊下方轉(zhuǎn)發(fā)的圖標(biāo)，如圖4在彈出的選框，下滑，找到并點(diǎn)擊添加到主屏幕5出現(xiàn)的頁面。

這位網(wǎng)友你好，個(gè)人意見僅供參考圖標(biāo)一般比較小，用實(shí)際像素就可以，圖片用百分比，字體的話感覺不用設(shè)置，因?yàn)槭謾C(jī)自帶的字體會覆蓋掉你的字體你可以參考一下百度淘寶等網(wǎng)站的手機(jī)版網(wǎng)站，可以用開發(fā)者工具來看例如。

ltulltlilti class=quotico1quotlti首頁ltliltlilti class=quotico2quotlti關(guān)于我們ltliltulltstyle ico1，ico2backgroundurltestpng center left norepeat width15px height15pxltstyle。

第一步，準(zhǔn)備一個(gè)圖標(biāo)制作軟件首先你要明白，所謂的圖標(biāo)是一種特殊的圖形文件格式，帶有ico作為它的延伸普通的形象設(shè)計(jì)軟件無法使用這種格式，需要下載一個(gè)ico圖標(biāo)工具第二步確定“收藏夾”圖標(biāo)的規(guī)格收藏夾里出現(xiàn)。

HTML5是沒有這個(gè)功能的，可以使用瀏覽器的內(nèi)置發(fā)送到桌面圖標(biāo)功能，以下以UC為例1進(jìn)入U(xiǎn)C瀏覽器首頁后，點(diǎn)擊所示的圖標(biāo) 2會看到書簽歷史點(diǎn)擊它 3進(jìn)入書簽后，隨后長按幾秒你想發(fā)送到手機(jī)桌面的書簽網(wǎng)址 4。

把個(gè)個(gè)圖標(biāo)的style里加上floatleft這樣就能在一行顯示了，通過margin或padding來調(diào)他們的距離。