flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
”貧困女子高生” 炎上の背景に報道側の配慮不足とネットの悪ノリ(水島宏明) - 個人 - Yahoo!ニュース
私は現在、大学でテレビや新聞の報道について研究し、学生たちに教える立場の人間だが、数年前まではテレビ局で記者やディレクターとして「貧困」問題を主に報道していた。 だから私にとって、今回、NHKで起きた「貧困女子高生」騒動は他人事ではない。 「貧困」をテレビで伝えることの難しさや視聴者の反応の予測不能さは記者時代から感じていた。 貧困層の人たちに対して「つっこみどころ」を探し出して、本当は貧困とは言えないだろう？本当はズルいことしているのだろう？こんな人間は自業自得だ！という容赦ない見方で批判的に見る人々が急増している実感があった。 今回の”貧困女子高生”騒動の状況や背景は自らの経験を元にほぼ説明できると思う。 結論から述べると、責任を負うべきは不用意な報道をしてしまったNHKスタッフと、その不用意さに便乗して女子高生自身やその家族らを追い立てるように「ニュース」として伝える一部のネットメデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
