89日目 | web制作

本日は…

■前に作ったサイトのレスポンシブ化

①石垣島観光ガイド
基本的に背景画像の指定と、文字サイズの指定が大事。

font-sizeは

html {font-size: 62.5%;}

を基準とする。
これによって基本のフォントサイズが10pxになるので、後の指定が楽。
以下

body{
  font-size: 16px; font-size: 1.6rem;
}
h1 {
  font-size: 32px; font-size: 3.2rem;
}
h2 {
  font-size: 24px; font-size: 2.4rem;
}
h3 {
  font-size: 20px; font-size: 2rem;
}
h4 {
  font-size: 18px; font-size: 1.8rem;
}
p {
  font-size: 16px; font-size: 1.6rem;
}

のように指定。
完成形はこちら
石垣島観光案内

②ガラスの靴の持ち主を探しています
上記と違うのはimgにmax-width:100%;があるかどうか。
ガラスの靴の持ち主を探しています！