1つ目のmf-plainは、特性名に対する特性値を記述します。2つ目のmf-booleanは、特性名のみを記述します。そして、mf-rangeはLevel 4から導入された範囲を示す記述形式です。(400px <= width <= 700px)といった比較演算子を用いた記述が可能になります。ただし、執筆現在(2017年10月上旬)では、mf-rangeに対応したブラウザはありません。 メディア特性の記述について メディア特性の記述は、いくつか覚えておかなければならないことがあります。 メディア特性には型がある メディア特性には2つの型があります。離散型と範囲型です。 離散型は、orientation:portraitのように特定の値を取るものか、あるいは、grid:0、grid:1のように真偽値を取るものを指します。 範囲型は、(min-width: 300px)のように大小を比較できる
![半歩先のメディアクエリを押さえる | 第1回 仕様の概要と表記](https://cdn-ak-scissors.b.st-hatena.com/image/square/50bf95cfc67928cdd5c50ae1db669b6c2ed25578/height=288;version=1;width=512/https%3A%2F%2Fcodegrid.imgix.net%2Fimage.png%3Fixlib%3Djs-3.8.0%26w%3D1200%26h%3D630%26mark%3Dhttps%253A%252F%252Fcodegrid.imgix.net%252F~text%253Fixlib%253Djs-3.8.0%2526w%253D1000%2526txt%253D%2525E4%2525BB%252595%2525E6%2525A7%252598%2525E3%252581%2525AE%2525E6%2525A6%252582%2525E8%2525A6%252581%2525E3%252581%2525A8%2525E8%2525A1%2525A8%2525E8%2525A8%252598%2526txt-fit%253Dmax%2526txt-size%253D57%2526txt-font%253DHiragino%252520Sans%252520W5%2526txt-color%253Dfff%26mark-x%3D90%26mark-y%3D195%26blend%3D%2523E9315C%26blend-mode%3Doverlay%26txt%3D%25E5%258D%258A%25E6%25AD%25A9%25E5%2585%2588%25E3%2581%25AE%25E3%2583%25A1%25E3%2583%2587%25E3%2582%25A3%25E3%2582%25A2%25E3%2582%25AF%25E3%2582%25A8%25E3%2583%25AA%25E3%2582%2592%25E6%258A%25BC%25E3%2581%2595%25E3%2581%2588%25E3%2582%258B%2520%257C%2520%25E7%25AC%25AC1%25E5%259B%259E%26txt-align%3Dtop%252Cleft%26txt-font%3DHiragino%2520Sans%2520W5%26txt-size%3D30%26txt-pad%3D100%26txt-color%3Dfff)