이 위젯을 반응형으로 바꾸는 방법이있나요??
본문
<div class="tradingview-widget-container">
<div id="tradingview_1f9bd"></div>
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
new TradingView.widget(
{
"width": 819,
"height": 330,
"symbol": "BINANCE:BTCUSDT",
"interval": "1",
"timezone": "Etc/UTC",
"theme": "light",
"style": "1",
"locale": "kr",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"container_id": "tradingview_1f9bd"
}
);
</script>
</div>
이 구문을 pc상태에서는 819x330 고정의 반응형으로 바꿀수있나요??
답변 1
폭이 819px 이하에서는 반응형이 되길 원하는 건가요??
@media ( max-width: 819px ) {
#tradingview_1f9bd {width:100%}
}
죄송한데 그문구를 어디다가 넣어야하나요??
아래 문구를 올리신 소스 위에 추가해보세요.
<style>
@media ( max-width: 819px ) {
#tradingview_1f9bd {width:100%}
}
</style>