media queryのCSS一覧

テクノロジーカテゴリーの変更を依頼記事元:

tokidoki-web.com

77 usersがブックマークコメント

記事へのコメント8件

注目コメント
新着コメント

kanariya_www デバイスごとのまとめ

2015/06/25 リンク

kibitaki こんなにあんのかよぉ（泣

2015/06/24 リンク

nelog メモ

2015/06/23 リンク

alphabet_h iPhone5のサイズで文字がはみ出してるんですがそれは…

2015/06/23 リンク

yfnt media queryのCSS一覧

2015/06/23 リンク

K8A デバイス別サイズまとめ

2015/04/16 リンク

silem “/*Landscape（画面横）*/@media screen and (max-device-width: 480px) { /*スタイル記述*/}/*Portrait（画面縦）*/@media screen and (max-device-width: 320px) { /*スタ”

2015/03/18 リンク

tono816 “@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {”

2014/05/05 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Ftokidoki-web.com%2F2013%2F05%2F%25E3%2580%258E%25E3%2582%25B9%25E3%2583%259E%25E3%2583%259B%25E3%2583%25BB%25E3%2582%25BF%25E3%2583%2596%25E3%2583%25AC%25E3%2583%2583%25E3%2583%2588%25E5%2588%25A5%25E3%2581%25ABmedia-query%25E3%2581%25AEcss%25E4%25B8%2580%25E8%25A6%25A7%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2582%2584%25E3%2582%2593%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://tokidoki-web.com/2013/05/%E3%80%8E%E3%82%B9%E3%83%9E%E3%83%9B%E3%83%BB%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E5%88%A5%E3%81%ABmedia-query%E3%81%AEcss%E4%B8%80%E8%A6%A7%E4%BD%9C%E3%81%A3%E3%81%A6%E3%82%84%E3%82%93/">media queryのCSS一覧</a><a href="https://b.hatena.ne.jp/entry/tokidoki-web.com/2013/05/%E3%80%8E%E3%82%B9%E3%83%9E%E3%83%9B%E3%83%BB%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E5%88%A5%E3%81%ABmedia-query%E3%81%AEcss%E4%B8%80%E8%A6%A7%E4%BD%9C%E3%81%A3%E3%81%A6%E3%82%84%E3%82%93/">はてなブックマーク - media queryのCSS一覧</a></div></iframe>

プレビュー

規約違反を報告

media queryのCSS一覧

レスポンシブデザインのサイトやスマホ機種の解像度によってCSSの指定を振り分けられるmedia queryです... レスポンシブデザインのサイトやスマホ機種の解像度によってCSSの指定を振り分けられるmedia queryですが、クライアントによっては「Apple製品だけきっちり見えれば良い」とか「ウチの社長のAndroidの○○だからそれでキレイに見せてよ」などなど・・・単純なスクリーンのサイズの指定だけでは済ませられないケースもあったりして・・・なので主要機種用のmedia query指定のライブラリー一覧作ります。お好みの指定をコピって下さい。主要ディスプレイサイズ別ディスプレイサイズ320px @media screen and (max-width: 320px) { /*スタイル記述*/ } ディスプレイサイズ640px @media screen and (max-width: 640px) { /*スタイル記述*/ } ディスプレイサイズ800px @media screen