レムレイアウトスキーム

1.柔軟性が使用REMユニットと結合されたルート要素の画面ウェブのfontSize値の大きさの比率を変更します。デバイスのディスプレイ上の適応のWebページの場合。


   // 该段脚本实现pc端web页面自适应
   $(document).ready(function(){
       //引入jquery后,待文档全部加载完全后,运行的脚本。
    var win_width = $(window).width(); //浏览器时下窗口可视区域宽度
    var rem = (win_width*23/2000);  //该比例要和设计稿比例同一
    $('html').css('fontSize',rem+'px'); //网页根元素的fontSize是实现自适应的根本元素
    console.log(rem);
    $(window).resize(function() { 
        //当浏览器窗口大小发生变化时,重复执行上面的逻辑。代码如下
        var win_width = $(window).width(); //浏览器时下窗口可视区域宽度
        var rem = (win_width*23) /2000;
        $('html').css('fontSize',rem+'px');
        console.log(rem);
    });
  1. 要素の幅と高さのウェブページへのデザイン・ドラフト比、各モジュールによれば、REMユニットを使用してください。フォントサイズ、様々なピッチを含みます。
  2. PCとモバイルの辺適応機能のためのレムレイアウトスキーム。

おすすめ

転載: www.cnblogs.com/aryu/p/11672170.html