Media Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックする - かちびと.net

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 便利そうだったので備忘録。Media Queriesで設定したブレークポイント を簡単なJSのコードでチェックする、 という方法です。CSSの:after擬似 要素を併用してチェックします。シ ンプルで良いのでは。 GW中なので軽めの話題。Media Queriesで設定したブレークポイントをJavaScriptでチェックします。 :after擬似要素を使う @media (max-width: 500px) { body:after { content: 'foo'; display: none; } body{background:#eee;} }​​ まずは:after擬似要素でcontentプロパティを使い、display:none;しておく。 で、以下のよ