1分で読める！【小技】Webページ全体を１枚のスクショに収める方法

本日のテーマは

Webページ全体を１枚のスクショに収める方法です！

方法

以下の手順で操作してください。

１、スクショしたいページにいく

２、「F12」か「command」と「option」と「P」を押す

３、「command」と「shift」と「I」を押す

４、fullと入力→enterキーを入力

補足（全体をスクショした画像を綺麗に貼る方法）

上記でスクショした画像は大きすぎて、

画面に綺麗に収まらないと思います。

その時は、overflowプロパティのhiddenを使用するのが

オススメです！！

   .sample{
    overflow:hidden;
   }

overflow:hidden;は、

要素の長さに収まらなかった部分を隠して表示してくれます。