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

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ 如何避免低分辨率下字體過大的問題？

如何避免低分辨率下字體過大的問題？

頁面所采用的的單位為px，在一些低分辨率屏幕下會顯得頁面內(nèi)容較大，字體較大。有什么好的技術(shù)方案嗎？（低分辨率瀏覽器）一般都是用的ie8等不支持媒體查詢的老版本瀏覽器。

回答
編輯回答
萌二代

ie8也是可以支持響應(yīng)式的，可以使用一些插件做到比如respond.js
像這樣引入

<!--[if lt IE 9]>
      <script src="js/Respond.js"></script>
    <![endif]-->

但是這個插件不支持@import引入的css，也只能使用寬度查詢，不過一般是夠用的
另外跨域也需要也別設(shè)置這個文檔里有

2018年8月14日 10:14
編輯回答
不討喜

可以試試 amfe-flexible：
https://github.com/amfe/lib-f...

2017年2月5日 17:18
編輯回答
帥到炸

在JS里面檢測userAgent瀏覽器的用戶代理，當(dāng)檢測到Ie8等瀏覽器時，改變style的字體大小

2017年6月21日 16:47
編輯回答
舊酒館
function cssSize() {
    var whdef = 100 / 1920;// 表示1920的設(shè)計圖,使用100PX的默認(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");
    $(window).resize(function () {
        var whdef = 100 / 1920;// 表示1920的設(shè)計圖,使用100PX的默認(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");
    });
}
cssSize();
12px的字體寫成0.12rem，14px的字體寫成0.14rem
2017年10月22日 13:46