Responsiive tag archives 2015年3月13日 CSS Media Queriesの条件分岐とブレイクポイントについて 今回はMedia Queriesの条件分岐と、ブレイクポイントについてメモっておきます。 CSS2以前から、「メディアタイプ(Media Type)」に別けてスタイルを切り替える方法はあったのだが、CSS3ではより細かく「メディア特性(Media Feature)」も加 …(続きを読む) 2015年3月8日 CSS MediaQueriesとviewportは一緒じゃないと無意味(viewportの指定について) レスポンシブレイアウトで、CSSでMedia Queriesを設定したら、HTMLでviewportを指定しなければ意味ない。何も起こらないんですね〜。Media Queries使うならviewportは必須。 ところで、viewportのプロパティや値はいろいろあるけ …(続きを読む) 2015年2月28日 CSS レスポンシブレイアウトに最適な Grid System を採用 このブログサイトをWordPressで作ろうと思い立ち、デザインを考えているとき、アーカイブの表示をPCでは横並びに、タブレットやスマホでは縦に並びしたいと思った。 いわゆるレスポンシブレイアウトで構成したい。WordPressループで出力する記事抜粋を、CSSでうまく …(続きを読む) « < 1 > » スポンサーリンク
2015年3月13日 CSS Media Queriesの条件分岐とブレイクポイントについて 今回はMedia Queriesの条件分岐と、ブレイクポイントについてメモっておきます。 CSS2以前から、「メディアタイプ(Media Type)」に別けてスタイルを切り替える方法はあったのだが、CSS3ではより細かく「メディア特性(Media Feature)」も加 …(続きを読む)
2015年3月8日 CSS MediaQueriesとviewportは一緒じゃないと無意味(viewportの指定について) レスポンシブレイアウトで、CSSでMedia Queriesを設定したら、HTMLでviewportを指定しなければ意味ない。何も起こらないんですね〜。Media Queries使うならviewportは必須。 ところで、viewportのプロパティや値はいろいろあるけ …(続きを読む)
2015年2月28日 CSS レスポンシブレイアウトに最適な Grid System を採用 このブログサイトをWordPressで作ろうと思い立ち、デザインを考えているとき、アーカイブの表示をPCでは横並びに、タブレットやスマホでは縦に並びしたいと思った。 いわゆるレスポンシブレイアウトで構成したい。WordPressループで出力する記事抜粋を、CSSでうまく …(続きを読む)