在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Android  HTML/ andriod 中嵌入h5頁面 頁面會(huì)變形 用的rem

andriod 中嵌入h5頁面 頁面會(huì)變形 用的rem

andriod 中嵌入h5頁面 頁面會(huì)變形 用的rem,但是在iOS中卻沒有這個(gè)問題,在安卓手機(jī)的瀏覽器瀏覽頁面也是會(huì)出現(xiàn)問題,請(qǐng)問這是什么原因?

這是在安卓里面的問題:
clipboard.png

這是iOS中正常的:

clipboard.png

回答
編輯回答
糖豆豆

渲染寬度不同導(dǎo)致的自動(dòng)換行?你文字是否使用Em作為單位渲染?

2018年4月20日 05:21
編輯回答
柒喵

貼一下這段的html跟css吧

2017年11月26日 14:35
編輯回答
任她鬧
(function(doc, win) {
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //orientationchange屏幕是否旋轉(zhuǎn)
            recalc = function() {
                var whdef = 12 / 750; // 表示750的設(shè)計(jì)圖,使用12PX的默認(rèn)值
                var wH = window.innerHeight; // 當(dāng)前窗口的高度
                var wW = window.innerWidth; // 當(dāng)前窗口的寬度
                var rem = wW * whdef; // 以默認(rèn)比例值乘以當(dāng)前窗口寬度,得到該寬度下的相應(yīng)FONT-SIZE值
                $('html').css('font-size', rem + "px");
            };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false); //監(jiān)聽事件窗口變化的事件
        doc.addEventListener('DOMContentLoaded', recalc, false); //初始化完成
    })(document, window)
    
    
     .share {
            position: fixed;
            width: 100%;
            height: 10.67rem;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;
            align-items: center;
            justify-content: space-around;
            bottom: 0;
            left: 0;
        }
        
        .share>img {
            width: 7.9rem;
            height: 7.9rem;
            margin-left: 3rem;
        }
        
        .share_text {
            /* margin-left: 1rem; */
            font-family: '黑體';
        }
        
        .share_name {
            font-size: 2.5rem;
            color: #fff;
            letter-spacing: 0.05rem;
            margin-top: 0.1rem;
            font-family: '黑體';
            line-height: 4rem;
        }
        
       
        
        .share_sologan {
            font-size: 2rem;
            color: #fff;
            line-height: 4rem;
            letter-spacing: 0.05rem;
            font-family: '黑體';
        }
        
        .load_btn {
            display: inline-block;
            text-decoration: none;
            width: 16rem;
            height: 6.67rem;
            line-height: 6.67rem;
            text-align: center;
            font-size: 2.5rem;
            color: #fff;
            background-color: #a15ff7;
            border-radius: 1.67rem;
            letter-spacing: 0.08rem;
            /* margin-left: 2rem; */
        }
        
        
        
        html
        
        
         <div class="share">
        <img src="./image/logo.png" alt="">
        <div class="share_text">
            <p class="share_name">星來</p>
            <p class="share_sologan">想了解更多,就下載星來APP!</p>
        </div>
        <a href="#" class="load_btn">去下載</a>
    </div>
        
        
2017年2月6日 10:11