Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックするAdscssやプログラミング2012.05.05便利そうだったので備忘録。MediaQueriesで設定したブレークポイントを簡単なJSのコードでチェックする、という方法です。要素を併用してチェックします。シンプルで良いのでは。GW中なので軽めの話題。Queriesで設定したブレークポイントをJavaScriptでチェックします。}​​まずは:after擬似要素でcontentプロパティを使い、display:none;しておく。以下のようにJSを書く。alert("bar!");}​​getComputedStyleというのは、要素にどんなスタイルが当たっているかを調べる的なメソッドで、getPropertyValueでスタイル情報を文字列で取得します。getComputedStyleに関しては気になる記事もあったので合わせてご確認下さい。ついて調べてたら深みにハマったのでメモ上記のコードでは、500px以下ならcontentプロパティでbody:afterにfooという文字列が生成、それに応じて「bar!」というアラートを出すようになっています。display:none;してあるのでfooという文字列は表示されません。[note]動作テストは右上の+ボタンを押してjsfiddleで確認してください。背景がグレーの状態でRunさせればalertが出ます。白い背景の時は出ません。[/note]シンプルでいいんですけど、まだちゃんと検証してないので時間を見つけてテストします。iPadtableをレスポンシブWebデザインに対応させるスクリプト・FooTabletable要素をレスポンシブに対応させる、というスクリプトです。ワーク・Chibiのご紹介。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。