図のように、IE10 や IE11+ ではコンテンツ (HTML の要素) とスクロールバーが重なってしまう (= オーバーレイする) ことがあります。 設定によっては、スクロールバーは一定時間が経過した後に自動的に隠れますが、 スクロール中にテキストが読みにくくなったり、リンクやボタンがクリックしにくくなることは問題です。 ここでは、この問題について解決します。 原因はビューポートの設定 IE でスクロールバーが重なる原因は、(ほとんどの場合に)ビューポートの設定です。ビューポートとは、ページが描画される領域です。 ビューポートの設定を変更するときは、meta 要素を使って指定するか、CSS を使って指定します。 ビューポートの設定を変更することで、デバイスの解像度が変化したときに、ビューポートの大きさも変更することができるようになります。 言い換えれば、レスポンシブデザインにすることが
![IE でスクロールバーがコンテンツに重なる問題を解決する](https://cdn-ak-scissors.b.st-hatena.com/image/square/29be4810c2ba849f96f37cc8ef0ed4cc418d7c01/height=288;version=1;width=512/http%3A%2F%2Fxn--lcki7of.jp%2Fwp-content%2Fuploads%2FIElogo_blue-840x276.png)