CSS size…

◾️ size by parent

-> [%] or [em]

◾️ size by brower

-> viewport[vh/vw] or [rem]

◾️font-size and padding

p {
font-size:4rem;
padding:1em 0.5rem;
}

@media screen and (max-width:48rem) {
  p {
    font-size:2em;
  }
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です