Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】 こんにちは、WEBマーケティング部の杉尾です。 今回と次回で、『2015年4月現在、Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編】』を紹介します。 今回はFlexboxのIE10、Safari、iOS Safari、Androidブラウザへの対応実践編の第一回です。 各プロパティの書き方 はじめに ※Flexboxは過去に二度大きな仕様変更がありました。 それぞれを古い順に、『box仕様』、『flexbox仕様』、『flex仕様』（現行）と呼称します。 ※IE10はベンダープレフィックス（-ms-）付きで『flexbox仕様』に対応している唯一のブラウザです。 ※iOS 6.1以前
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編2】を紹介します【2015年4月現在】
【参考ソース】 .foo { display:-webkit-box;/*--- Androidブラウザ用 ---*/ display:-ms-flexbox;/*--- IE10 ---*/ display: -webkit-flex;/*--- safari（PC）用 ---*/ display:flex; -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/ -ms-flex-pack:justify;/*--- IE10 ---*/ -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/ justify-content:space-between; } 【解説】 ２～５行目 Flexboxを作るための指定です。 ６～９行目 左からflexアイテムを並べて余白があれば、そ
HTML5の新機能が一目でわかる！各ブラウザによるデモサイト « wondering-mug
5 5月 2011 - by cat_anywhere HTML5はには、およそ10年前の規格であるHTML4.0（現在は4.01）では補えきれない、現在のWEB環境に対応するために新たに追加された新機能が目白押しだ。 現在はまだドラフト(草案)の段階だが、W3Cから正式に勧告されるのは、2012年3月くらいだと言われている。 注目される新機能としては、JavaScriptを使いブラウザ上で描写できる<canvas>タグや、ローカルにキャッシュとしてデータを置き、オフラインでもアプリケーションが実行可能になるAPI、Web storageなどがあるが、「いったいどれくらいスゴイのそれ？」とか、「今までとどう違うのよ？」と思ってる人も多いと思う。 そういった疑問に答えるべく、各ブラウザが、HTML5のデモサイトを次々に公開し、「俺んとこのブラウザは、こんなことが出来るぜ！」と猛アピールしてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
