<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=yes" />
<meta name="msapplication-tap-highlight" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
//CSS里使用rem代替px,JS里根据屏幕大小修改rem的值
window.setFontSize = function() {
var size = document.documentElement.clientWidth / 750 * 100;
// size = size > 50 ? size : 50
// console.log(size);
document.documentElement.style.fontSize = size.toString() + "px";
};
setFontSize();
//在屏幕大小变化时重新设置大小
$(window).resize(function() {
setFontSize()
});
HTML手机端屏幕适配
最新推荐文章于 2024-04-13 13:14:42 发布