子盒子宽高不随父盒子宽高伸缩的问题

解决方式：让页面重新resize
在触发动作的地方添加如下代码：

settimeout(() => {

let e = document.createEvent('Event');
e.initEvent('resize', true, true);
window.dispatchEvent(e)

},500)

上述实现原理实际上是向 window派发一个resize内置事件，让浏览器窗口去重会页面，从而达到自适应的效果；上述的时间500是指也面伸缩渲染完成所需要的时间；一般没有出效果是因为没有加上settimeout时间所导致的。

 

 嘻嘻嘻！如果对您有帮助麻烦点个赞吧👍