H5,We前端教你如何实现页面自适应变化效果

前言

唉~ 最近不知道说什么好了，我一个后端技术，现在不得不写前端了，虽然咱们多少了解一些，可毕竟不是专业的啊。这不，最近老大看首页侧边栏收缩后，正文不放呢无变化 侧边空了一大块，现在提了一个自适应的效果需求。老大发话了 咋办呢，查资料实现吧，唉~小小的劳碌命啊

实现原理

主要是根据浏览器变化，获取对应的浏览器宽度之后在从新计算赋值，内容宽度，好在有提供对应的监听事件 （resize() 方法） 处理起来相对容易一些

效果实现

    //宽度改变事件  处理
    $(function () {
   
        //监听浏览器宽度是否变化
        $(window).resize(function