如何使此Javascript代码响应任何屏幕?

如何使此Javascript代码响应任何屏幕?,javascript,Javascript,我一直在尝试使这段代码具有响应性,但没有成功。autozize一直使图表过于平坦,如果我使用高度和宽度,它只适用于某些屏幕 有什么想法吗 具有高度和宽度 <!-- TradingView Widget BEGIN --> <script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script> <script type="text/javascri

我一直在尝试使这段代码具有响应性,但没有成功。autozize一直使图表过于平坦,如果我使用高度和宽度,它只适用于某些屏幕

有什么想法吗

具有高度和宽度

<!-- TradingView Widget BEGIN -->
<script type="text/javascript"
src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>
<script type="text/javascript">
new TradingView.widget({
"width": 800,
"height": 600,
"symbol": "INDEX:MERV",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "White",
"style": "1",
"locale": "es",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"hideideas": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650"
});
</script>
<!-- TradingView Widget END -->

新TradingView.widget({
“宽度”:800,
“高度”:600,
“符号”:“索引:MERV”,
“间隔”:“D”,
“时区”:“Etc/UTC”,
“主题”:“白色”,
“风格”:“1”,
“区域设置”:“es”,
“工具栏背景”:“#f1f3f6”,
“启用发布”:false,
“允许符号更改”:true,
“幻影”:没错,
“显示弹出按钮”:真,
“弹出窗口宽度”:“1000”,
“弹出高度”:“650”
});
自动调整大小

<!-- TradingView Widget BEGIN -->
<script     type="text/javascript"
src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>
<script type="text/javascript">
new TradingView.widget({
"autosize": true,
"symbol": "INDEX:MERV",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "White",
"style": "1",
"locale": "es",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"hideideas": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650"
});
 </script>
<!-- TradingView Widget END -->

新TradingView.widget({
“自动调整大小”:正确,
“符号”:“索引:MERV”,
“间隔”:“D”,
“时区”:“Etc/UTC”,
“主题”:“白色”,
“风格”:“1”,
“区域设置”:“es”,
“工具栏背景”:“#f1f3f6”,
“启用发布”:false,
“允许符号更改”:true,
“幻影”:没错,
“显示弹出按钮”:真,
“弹出窗口宽度”:“1000”,
“弹出高度”:“650”
});

萨克斯

使用autosize,但尝试将图表放入具有定义的最大宽度和最大高度(或根据媒体查询定义不同的宽度/高度)的容器中