站長(zhǎng)資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        移動(dòng)端meta行的匯總

        <meta name="viewport" 
        content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

         
        width: viewport 的寬度 (范圍從 200 到 10,000 ,默認(rèn)為 980 像素 )

        height: viewport 的高度 (范圍從 223 到 10,000 )

        initial-scale: 初始的縮放比例 (范圍從>0到 10 )

        minimum-scale: 允許用戶縮放到的最小比例

        maximum-scale: 允許用戶縮放到的最大比例

        user-scalable: 用戶是否可以手動(dòng)縮放

        <!– 是否刪除默認(rèn)的蘋果工具欄和菜單欄 –>

        <meta name="apple-mobile-web-app-capable" content="yes" />

        <!– 啟用360瀏覽器的極速模式(webkit) –>

        <meta name="renderer" content="webkit">

        <!– 避免IE使用兼容模式 –>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!– 針對(duì)手持設(shè)備優(yōu)化,主要是針對(duì)一些老的不識(shí)別viewport的瀏覽器,比如黑莓 –>

        <meta name="HandheldFriendly" content="true">

        <!– 微軟的老式瀏覽器 –>

        <meta name="MobileOptimized" content="320">

        <!– uc強(qiáng)制豎屏 –>

        <meta name="screen-orientation" content="portrait">

        <!– QQ強(qiáng)制豎屏 –>

        <meta name="x5-orientation" content="portrait">

        <!– UC強(qiáng)制全屏 –>

        <meta name="full-screen" content="yes">

        <!– QQ強(qiáng)制全屏 –>

        <meta name="x5-fullscreen" content="true">

        <!– UC應(yīng)用模式 –>

        <meta name="browsermode" content="application">

        <!– QQ應(yīng)用模式 –>

        <meta name="x5-page-mode" content="app">

        <!– windows phone 點(diǎn)擊無高光 –>

        <meta name="msapplication-tap-highlight" content="no">

        1. apple-touch-icon
        < link rel= "apple-touch-icon" sizes= "76×76" href= "touch-icon-ipad.png">
        如果 apple-mobile-web-app-capable 設(shè)置為 yes 了,

        那么在蘋果機(jī)的safari上可以通過添加到主屏按鈕將網(wǎng)站添加到主屏幕上。

        而設(shè)置相應(yīng) apple-touch-icon 標(biāo)簽,則添加到主屏上的圖標(biāo)就會(huì)使用我們指定的圖片。

        2. apple-touch-startup-image
        < link rel= "apple-touch-startup-image" href= "/startup.png">
        基于 apple-mobile-web-app-capable 設(shè)置為 yes ,

        可以為WebApp設(shè)置一個(gè)類似NativeApp的啟動(dòng)畫面。

        和 apple-touch-icon 不同,

        apple-mobile-web-app-capable 不支持sizes屬性,

        要使用media來加載不同的啟動(dòng)畫面。

        // iPhone  <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image" />

        // iPhone Retina  <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
        rel="apple-touch-startup-image" />

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 亚洲精品老司机在线观看| 亚洲AV成人精品日韩一区18p| 精品久久久久久国产三级| 国产精品人成在线播放新网站| 亚洲精品天堂成人片?V在线播放 | 国产精品免费久久久久影院| 成人无码精品1区2区3区免费看| 日韩精品亚洲专区在线观看 | 亚洲综合国产精品第一页| 精品欧美小视频在线观看| 91精品婷婷国产综合久久| 精品国内片67194| 国产成人精品午夜福利| 无码人妻精品一区二区| 亚洲精品国产精品国自产观看| 黑人无码精品又粗又大又长| 国产精品户外野外| 亚洲国产精品久久久久网站| 精品国内片67194| 国产伦精品一区二区三区女 | 大伊香蕉精品一区视频在线 | 99精品国产丝袜在线拍国语 | 国产成人精品日本亚洲网址| 久久精品国产亚洲AV麻豆网站 | 久久精品成人免费观看97| 国产精品自在欧美一区| 大胸国产精品视频| 久久r热这里有精品视频| 18国产精品白浆在线观看免费| 少妇人妻精品一区二区三区| 亚洲精品乱码久久久久66| 亚洲精品午夜国产VA久久成人| 亚洲日韩欧美制服精品二区| 中文字幕九七精品乱码| 亚洲αv在线精品糸列| 亚洲AV午夜福利精品一区二区 | 国产日韩精品无码区免费专区国产 | 精品视频在线免费观看| 久久国产精品-久久精品| 56prom精品视频在放免费| 国产成人精品一区二三区在线观看|