【GitHub：Gist】블로그에 표시시키는 사이즈를 조정하는 방법
Gist란?
Gist는 GitHub의 서비스의 하나로, 이것을 이용하면 소스 코드 1 파일 단위(복수도 OK)로 Git 관리해, 공개할 수 있습니다.
https://qiita.com/hkusu/items/18cbe582abb9d3172019
소스 코드를 블로그에 붙여 넣는 장면에서도 활약하지만, 크기는 고정되어 있습니다.기본적으로 표시 프레임이 작기 때문에 확대하고 싶습니다.
크기 조정 방법
CSS에서 다음과 같이 입력하여 조정할 수 있습니다.
/*gist表示サイズ変更*/
.gist iframe.render-viewer {
height: 700px !important;
width: 1000px !important;
}세로로 조정했습니다.
난점은 블로그의 모든 Gist에 적응되어 버리기 때문에, 코드가 조금밖에 없는 경우는 여백이 남아 버리는 것입니다.이 경우는 대·중·소 등의 추가 CSS 클래스를 설정하는 것으로 해결해도 좋을지도 모릅니다.