CSS

個人的によく使うCSSたち。

レスポンシブ対応できる便利CSS

文字サイズ

画面幅3％のフォントサイズ、でも最大値は38pxを指定。

.sample {
  font-size: min(3vw,38px);
}

jsを使わずに動きをつける

ページ内リンクをスクロールで移動

html {
	scroll-behavior: smooth;
}

表示エリア

スクロールでの表示エリア

↓長い文章なのでスクロールで見れる仕様にした時のもの

/*問合せ_プライバシーポリシー枠組み*/
.任意class名{
width: 100%;
height: 400px;
overflow: scroll;
background-color:#eee;
padding:20px;
margin-bottom:20px;
}