Media Queriesレベル4
規格のドラフトが昨日
公開され 、将来の規格の主要なイノベーションである
pointerと
hoverプロパティは、指駆動デバイスのサポートを改善することを目的としています。
hoverプロパティは、クリックせずにアイテムの上に
hoverできるポインターがデバイスにある場合は1、そうでない場合は0です。 マウスポインター要素にカーソルを合わせているときにドロップダウンメニューまたはツールチップが表示されるデスクトップコンピューターに馴染みのあるWebサイトの動作は、タブレットやスマートフォンのユーザーに多くの問題を引き起こします。
hoverプロパティを使用すると、
hoverプロパティを完全に放棄することはできませんが、可能な場合は引き続き使用できます。 例：
@media（ホバー）{
.menu > li { display ：inline- block ; }
.menu ul { 表示 ： なし ; 位置 ： 絶対 ; }
.menu li ：ホバー ul { display ： block ; リストスタイル ： なし 。 パディング ： 0 ; }
}
pointerプロパティは、
coarse値を取ることができます-指駆動のタッチスクリーンの場合、マウスまたはスタイラスの場合は問題なく、
none 。 例：
@media（ポインター：粗い）{
input [ type = "checkbox" ] 、 input [ type = "radio" ] {
最小幅 ： 30px ;
最小高さ ： 40px ;
背景 ： 透明 ;
}
}
pointerと
hover加えて、別のプロパティが登場しました-
script 。 デバイスがJavaScriptをサポートしている場合は値1を、サポートしていない場合は値0を取ります。またはJavaScriptが現在無効になっています。
コードの強調表示-highlight.hohli.com