天天操天天干天天操,天天干天天干天天插,天天做天天爽,日本按摩高潮a级中文片

首頁 關(guān)于我們 成功案例 網(wǎng)站建設(shè) 軟件開發(fā)定制 新聞中心 聯(lián)系我們
QQ聯(lián)系
電話聯(lián)系
手機(jī)聯(lián)系

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

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

h5頁面再安卓端顯示正常,字體,圖片均正常,再蘋果手機(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;}}


問題即可解決

星子县| 武功县| 莒南县| 甘德县| 玉树县| 会同县| 翼城县| 龙井市| 洛南县| 葵青区| 宣武区| 田东县| 南投县| 湛江市| 古交市| 布尔津县| 酒泉市| 临潭县| 称多县| 嘉峪关市| 绍兴县| 十堰市| 元江| 沙坪坝区| 弥勒县| 迁西县| 重庆市| 莒南县| 昆明市| 怀仁县| 永济市| 宝应县| 成都市| 城市| 正蓝旗| 房山区| 邢台县| 水富县| 高淳县| 进贤县| 彩票|