動(dòng)態(tài)設(shè)置像素比
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
//獲取像素比
var pixelRatio = 1 / window.devicePixelRatio;
//通過js動(dòng)態(tài)設(shè)置視口(viewport)
document.write('<meta name="viewport" content="width=device-width,initial-scale='+pixelRatio+',minimum-scale='+pixelRatio+',maximum-scale='+pixelRatio+'" />');
動(dòng)態(tài)設(shè)置字體大小
// 獲取html節(jié)點(diǎn)
var html = document.getElementsByTagName('html')[0];
// 獲取屏幕寬度
var pageWidth = html.getBoundingClientRect().width;
// 屏幕寬度 / 固定數(shù)值 = 基準(zhǔn)值
html.style.fontSize = pageWidth / 10 + "px";
//實(shí)際寬度
width=(測量寬度/rem)*rem
使用less
a {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
color: #818788;
}
input {
-webkit-appearance: none;
}
