javascript - jquery 更改样式该div 的样式改变，而子元素样式只用在浏览器窗口更改大小或者打开调试窗口后才会自动更改样式。

问题描述

问 题

用的bootstrap highcharts
下图为原始的图表排列

下图为加了一个点击事件更改其 class后的图表排列

而下图才是需要得到的 和上图对比很明显有一个放大效果
点击事件触发以后 发现 手动更改浏览器的宽或高后 图表会自动充满div

在打开调试模式后 图表会自动充满div 

所以本鸟的思路是更改浏览器的大小使其自动适应 可是发现 用js 不能在当前窗口更改浏览器的大小

所以实现以上效果 无从下手  bootstrap 是网上下好的模板 

解决方案

我感觉应该是图表生成的 cavnas 的长宽在渲染的时候已经是写死一个值了, 当你用js 操作删除一个图表当然不会改变长宽, 然而你打开了控制台之后, 窗口大小发生改变, 图表插件对浏览器resize监听 就会触发再次渲染图表. 你把控制台以弹出框的形式唤起估计就不会改变图表尺寸

这篇关于javascript - jquery 更改样式该div 的样式改变，而子元素样式只用在浏览器窗口更改大小或者打开调试窗口后才会自动更改样式。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！