max-widthを否定するクエリー

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

hail2u.net

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

コメント

6

記事へのコメント6件

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

raimon49 @media not all and (max-width: XXXpx) {}

2015/03/22 リンク

saken ふむふむ。進んでるなあ。

css

2015/03/20 リンク

ooiooiooi0313 max-widthを否定するクエリーモバイル・ファーストが浸透して久しくなり、めっきりmin-widthクエリー以外を見かけることはなくなった。そんな中、not (max-width: 768px)という書き方を見かけて、なるほどなと思った。現状のブラ

2015/03/20 リンク

nibushibu その手があったか。:notはIE9以上なら使える。

2015/03/20 リンク

umai_bow ふむ

2015/03/20 リンク

oppara max-widthを否定するクエリー - Weblog - http://t.co/PMuo53MRxd B!

2015/03/20 リンク

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

max-widthを否定するクエリー

モバイル・ファーストが浸透して久しくなり、めっきりmin-widthクエリー以外を見かけることはなくなった... モバイル・ファーストが浸透して久しくなり、めっきりmin-widthクエリー以外を見かけることはなくなった。そんな中、not (max-width: 768px)という書き方を見かけて、なるほどなと思った。現状のブラウザーにおける実装(と安定した仕様)では768pxを含まずそれより大きいという表現がmin-widthでは書くことができないが、notキーワードとmax-widthを組み合わせることで実現できる。 Demo: Negation of max-width query 特定のデバイスや解像度を強く意識したクエリーの是非はとりあえず脇へ置いておいて、iPhone 5s以下やらiPad Airやら一般的なノートブックやらを意識してクエリーを書くことはままある。多くの場合はそれら特定のデバイスのサイズからを区切りにしてクエリーを書くわけだが、それらのサイズまでで書くとなると少し曖昧な記述

ブックマークしたユーザー

terkel2015/08/21
meeeres2015/06/22
ajinorichan2015/04/17
WebDesignScrach2015/04/13
yasuosakai2015/03/26
moonblogger2015/03/26
tksnesne2015/03/23
takahumi_nakano2015/03/23
raimon492015/03/22
emonkak2015/03/22
ishiduca2015/03/20
fwd00392015/03/20
maaa3282015/03/20
yauaa2015/03/20
kei_yam12092015/03/20
ninoseki2015/03/20
saken2015/03/20
koda32015/03/20

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx