1.用rem单位
$(function(){
refresh();
})
function refresh(){
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth>1920){
document.documentElement.style.fontSize=1920/19.2+"px";
}else{
document.documentElement.style.fontSize=deviceWidth/19.2+"px";
}
}
window.onresize=function(){
refresh();
}
2.页面icon
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
3.本地存储
localStorage和sessionStorage都可实现本地存储
各有利弊localStorage有长度限制,生命周期是永久;sessionStorage有兼容性限制,生命周期为当前窗口;
赋值sessionStorage.setItem('bandwidthDetail',data);
取值sessionStorage.getItem('bandwidthDetail');
本文介绍了一种使用rem单位实现响应式布局的方法,并提供了页面图标设置代码。此外,还探讨了localStorage与sessionStorage在网页应用中的使用场景及区别。
2852

被折叠的 条评论
为什么被折叠?



