WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2022-03-11から1日間の記事一覧

スマホ時にナビゲーションメニューが出ている時はbody要素を固定にする

スマホ時にハンバーガーメニューなどでナビゲーションを表示させた際に、後ろのコンテンツが動かないようにするにはbody要素に「overflow: hidden;」をかけ、固定する必要があります。 ただ、そのままでは場合によってはPC時の時までbody要素が固定になって…

3月11日作業データ カラムレイアウト

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Column-layout</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>