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);
});
- 要素の幅と高さのウェブページへのデザイン・ドラフト比、各モジュールによれば、REMユニットを使用してください。フォントサイズ、様々なピッチを含みます。
- PCとモバイルの辺適応機能のためのレムレイアウトスキーム。