[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要
レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。 Webページでよく使用される条件で検証を行い、Media Queriesでなぜpxを使ってはいけないのか、そして何が適しているのかが分かる検証記事を紹介します。 PX, EM or REM Media Queries? 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに pxとemとremの検証方法 検証1. html要素でfont-sizeを指定 検証2. ブラウザでズームが可能 検証3. ブラウザでフォント設定が変更可能 検証の結果 はじめに あなたはMedia Queriesで使う単位にpx, em, remのどれが一番
![[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebb660a3174b5d3836e1ab0370b94c0ac1d1e64a/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016032901.png)
火星の重力マップ公開、驚きの新事実が明るみに
新たに作成されたカラフルな火星地図は、場所による重力のばらつきを示している。白く見えるのはタルシス三山などの重力が大きい領域で、青く見えるのは峡谷などの重力が小さい領域だ。（MIT/UMBC-CRESST/GSFC） このほど米NASAが火星の重力データを使って地図を作成し、公開した。美しいだけでなく、火星内部の核から周囲の大気まで、目で見ただけではわからない地質学的な詳しい特徴が新たに示されている。 米マサチューセッツ工科大学のアントニオ・ジェノバ氏らは、火星探査衛星3機16年分の軌道データを分析し、軌道と速度のふらつきから、位置による重力のばらつきを明らかにした。3月5日に科学誌「Icarus」に発表された火星の地図は、太陽系で最も高い山であるオリンポス火山の頂上からマリネリス峡谷の底まで、この重力のごくわずかな違いを画像として示したものだ。（参考記事：「オリンポス山、“太陽系最大”を
スマホ形拳銃、米で発売へ 「目立たず、見つからない」と宣伝
米企業アイディール・コンシールが発売予定のスマートフォン形拳銃。同社提供。(c)Ideal Conceal 【3月29日 AFP】米国で近く、スマートフォンの形をした拳銃が発売される。銃弾を2発装填（そうてん）可能で、ポケットに入れられる薄さだという。 発売元である米ミネソタ（Minnesota）州のアイディール・コンシール（Ideal Conceal）社によれば、銃は2連式の38口径で、価格は395ドル（約4万4800円）。今年半ばに販売を開始する予定だ。 同社ウェブサイト上の説明には、「見た目はスマートフォンにそっくりで、1回の動作で安全装置が外れ、発砲が可能」「スマートフォンはどこにでもあるため、日常に簡単に溶け込む」「ロックをかけた状態だと目立たないので、見つかることはまずない」と書かれている。 年間3万人が銃により死亡している米国では、銃の携帯は自衛のために必要だという意見と、銃
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
