1. <strike id="sxyyq"></strike>

    <span id="sxyyq"><input id="sxyyq"></input></span>
    <span id="sxyyq"><input id="sxyyq"></input></span><s id="sxyyq"><big id="sxyyq"><rt id="sxyyq"></rt></big></s>
      首頁(yè) 關(guān)于我們 成功案例 網(wǎng)站建設(shè) 軟件開(kāi)發(fā)定制 新聞中心 聯(lián)系我們
      QQ聯(lián)系
      電話聯(lián)系
      手機(jī)聯(lián)系

      網(wǎng)站h5頁(yè)面在蘋(píng)果手機(jī)ios端訪問(wèn) 字體異常放大

      發(fā)布時(shí)間:2024-07-27 23:50:50
      發(fā)布者:admin
      Tags:

      h5頁(yè)面再安卓端顯示正常,字體,圖片均正常,再蘋(píng)果手機(jī)ios中用safari瀏覽器方位,字體特別大,非常影響用戶體驗(yàn)

      經(jīng)過(guò)筆者研究找到問(wèn)題關(guān)鍵,解決方法如下

      1,html文件中加入如下代碼:

      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <meta name="apple-touch-fullscreen" content="yes">
      <meta name='viewport'  content="width=device-width, viewport-fit=cover" />

      2,css文件中加入如下代碼:


          /*320px布局*/html{font-size: 100px;}body{font-size: 0.14rem /*實(shí)際相當(dāng)于14px*/}
          /* iphone 6 */@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){    html{font-size: 117.1875px;}}
          /* iphone6 plus */@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){    html{font-size: 129.375px;}}


      問(wèn)題即可解決

      激情婷婷色,2022亚洲男人天堂,欧美第一精品,毛片地址 科技| 堆龙德庆县| 辛集市| 六安市| 绥阳县| 屏东县| 剑阁县| 南郑县| 三穗县| 贵溪市| 洛宁县| 宁波市| 兴隆县| 离岛区| 林芝县| 微山县| 大宁县| 兴义市| 大厂| 巴彦县| 迁安市| 永兴县| 富顺县| 奈曼旗| 泰和县| 邹平县| 宁远县| 清水河县| 砀山县| 手游| 高陵县| 来安县| 天津市| 姚安县| 施甸县| 汤原县| 泾阳县| 绥芬河市| 阿图什市| 京山县| 昂仁县| http://444 http://444 http://444 http://444 http://444 http://444