위젯 크기 조정

위젯의 치수를 설정하려면 HTML에 대해 약간 알아야 하지만 프로세스는 간단합니다. 이 프로세스를 사용하여 웹 페이지에 맞게 위젯을 사용자 정의할 수 있습니다.

참고:

이 절차는 위젯에 대한 JavaScript 코드에만 적용됩니다. 현재 URL 위젯의 크기는 조정할 수 없습니다.

기본적으로 위젯의 높이와 폭은 브라우저 크기에 맞게 조정됩니다. 이러한 동적 속성 때문에 대부분의 화면 해상도에서 위젯을 볼 수 있는 것입니다.

위젯 치수를 조정하려면 코드에 위젯을 둘러싸는 스타일 div를 추가합니다. 이 단계는 HTML에서 수행되므로, 위젯 프레임 모양을 완전히 사용자 정의할 수 있습니다.

위젯에 대한 코드는 아래에 나와 있습니다. 이 코드는 [관리] 페이지에서 해당 코드 가져오기 링크를 클릭하면 표시됩니다.

크기를 조정하려면 위젯 코드 앞에 다음 코드를 추가합니다. 이 코드는 폭을 500픽셀로, 높이를 600픽셀로 설정합니다. 테두리 속성을 변경하여 위젯 프레임의 테두리도 조정할 수 있습니다.

<div style="height:500px; width:600px; border:1px solid black;">

위젯을 호스팅한 웹 사이트에 추가할 코드는 다음과 같습니다.

<html>

</script>

</div>

</html>

보이는 것처럼 결과 위젯이 명시된 치수로 표시됩니다. 분명한 것은 이러한 치수가 이상적인 치수는 아니라는 것입니다. 그렇지만 높이 및 폭 값이 게시된 위젯에 어떻게 영향을 미치는지를 이해하는 데 도움이 됩니다.

전체 화면 1

</script>
</body>

전체 화면 2

</div>

위젯의 높이 및 폭 변경