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è) 軟件開發(fā)定制 新聞中心 聯(lián)系我們
      QQ聯(lián)系
      電話聯(lián)系
      手機(jī)聯(lián)系

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

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

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

      經(jīng)過筆者研究找到問題關(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;}}


      問題即可解決

      激情婷婷色,2022亚洲男人天堂,欧美第一精品,毛片地址 城固县| 民县| 内黄县| 奈曼旗| 富裕县| 修水县| 兴宁市| 大庆市| 特克斯县| 册亨县| 三穗县| 乌鲁木齐市| 汉中市| 山阴县| 马鞍山市| 綦江县| 大关县| 象山县| 巩留县| 滨海县| 定安县| 沙湾县| 肇源县| 太湖县| 田阳县| 怀集县| 安仁县| 昂仁县| 中卫市| SHOW| 浪卡子县| 伊金霍洛旗| 玉屏| 北辰区| 新巴尔虎右旗| 成武县| 房山区| 昭平县| 扶余县| 新竹县| 吴江市| http://444 http://444 http://444 http://444 http://444 http://444