zoukankan      html  css  js  c++  java
  • 详解 resize属性,哇原来文本可以禁止我们手动去拉伸)——onresize 是一个事件,屏幕大小改变调用这个事件

    有这个标志那就意味着(用户)可以拉伸,设置它的属性

    textarea{
      resize: both;
    }

    改成none就不可以拉伸了

    那个东西都没有了,哈哈

    onresize 事件会在窗口或框架被调整大小时发生。

    window.onresize 跟这个resize不一样,一个是事件,一个是css3属性

    window.onresize=function(){

    }
    浏览器大小改变时触发的事件

    这里可以用echarts来举个栗子,当使用echarts的时候调试的时候,屏幕就变窄了,因为要审查元素嘛,变窄了之后呢,那个图是不会变的,宽度还是不变的,可以试一下改变一下。

    这个可以用onresize事件来调试一下  

    其实就是通过echarts本生有那个resize方法,前提是你得自己监听尺寸的变化后,在去调用echarts的方法

    vue的哈

    mounted() {
       window.addEventListener('resize', this.echartsResize);
    }
     
     
    echartsResize(){
      echarts.init(document.getElementById("left_one")).resize()
    },
    一定要移除这个事件,不然报错
     
    beforeDestroy() {
      window.removeEventListener("resize", this.echartsResize); // 通过有名函数 解除事件订阅
     

    }

    其他情况类似

     

     

  • 相关阅读:
    第04组 Beta冲刺(2/5)
    第04组 Beta冲刺(1/5)
    第04组 Alpha事后诸葛亮
    第04组 Alpha冲刺(6/6)
    第04组 Alpha冲刺(5/6)
    第04组 Alpha冲刺(4/6)
    第04组 Alpha冲刺(3/6)
    作业2-1:矩阵协方差
    作业lab1-1:lammps教程总结
    如何在服务器上传/下载文件
  • 原文地址:https://www.cnblogs.com/myfirstboke/p/11120666.html
Copyright © 2011-2022 走看看