h5自适应页面icon 本地存储

最新推荐文章于 2025-01-14 10:22:06 发布

原创最新推荐文章于 2025-01-14 10:22:06 发布 · 298 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用rem单位实现响应式布局的方法，并提供了页面图标设置代码。此外，还探讨了localStorage与sessionStorage在网页应用中的使用场景及区别。

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

3.本地存储

localStorage和sessionStorage都可实现本地存储

各有利弊localStorage有长度限制，生命周期是永久；sessionStorage有兼容性限制，生命周期为当前窗口；

赋值sessionStorage.setItem('bandwidthDetail',data);

取值sessionStorage.getItem('bandwidthDetail');