Skip to content

Instantly share code, notes, and snippets.

@tao-s
Last active June 21, 2019 04:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tao-s/39f1a6b7086f2034728d0101fda4abb0 to your computer and use it in GitHub Desktop.
Save tao-s/39f1a6b7086f2034728d0101fda4abb0 to your computer and use it in GitHub Desktop.
Base setting
@media screen and (max-width:480px){/* 480pxまではスマホ表示。ここは760pxでも良いと思います */
html,body{
width: 100vw; /* bodyの横幅を画面横幅に指定 */
max-width: 100vw; /* bodyの最大横幅も画面横幅に指定 */
overflow-x: hidden; /* 横にはみ出す部分を非表示に設定 */
font-size: 4vw ; /* お好みで基本文字サイズを設定 */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment