--可以用window.chrome来判断是否为谷歌浏览器
--字体自适应
body {
font-size: 62.5%;/* 16px*62.5%=10px 浏览器默认字体16px,body设为10px(中文版chorme最小显示为12px),其他元素的字体可以用em快速得出 */
}
div {
font-size: 1.5em;/* 1.5em=1.5*10px=15px */
}
--减少渲染次数,使用文档碎片。document.createDocumentFragment()
for (var i = 0; i < 10; i++) {
var p = document.createElement("p");
var oTxt = document.createTextNode("段落" + i);
p.appendChild(oTxt);
document.body.appendChild(p);
}
以上代码body 10次dom操作
var oFragment = document.createDocumentFragment();
for (var i = 0; i < 10; i++) {
var p = document.createElement("p");
var oTxt = document.createTextNode("段落" + i);
p.appendChild(oTxt);
oFragment.appendChild(p);
}
document.body.appendChild(oFragment);
以上代码body 1次dom操作