Hello, World!
이전 목록 다음
채택완료

이 위젯을 반응형으로 바꾸는 방법이있나요??

qogmlwo127
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 1,787


            <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 고정의 반응형으로 바꿀수있나요??

그누보드5
|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
eeyekiss
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전

폭이 819px 이하에서는 반응형이 되길 원하는 건가요??

@media ( max-width: 819px ) {
  #tradingview_1f9bd {width:100%}
}

답변에 대한 댓글 2개

qogmlwo127
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
죄송한데 그문구를 어디다가 넣어야하나요??
eyekiss
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전
아래 문구를 올리신 소스 위에 추가해보세요.
<style>
@media ( max-width: 819px ) {
#tradingview_1f9bd {width:100%}
}
</style>

답변을 작성하려면 로그인이 필요합니다.