We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

pointer は主入力メカニズムがポインティングデバイスであるかどうかを確認するために使用できるCSSメディア機能です。

詳細

説明
none 主入力メカニズムにポインティングデバイスは含まれていない
coarse 主入力メカニズムに不正確なポインティングデバイスが含まれている
fine 主入力メカニズムに正確なポインティングデバイスが含まれている

<!-- CSS media query within a stylesheet -->
<style>
@media (pointer: coarse) {
  input[type="checkbox"], 
  input[type="radio"] {
        min-width:30px;
        min-height:40px;
        background:transparent;
  }
}
</style>

 

仕様

仕様書 策定状況 コメント
Media Queries Level 4
pointer の定義
勧告候補 メディアクエリレベル4に追加

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
基本サポート 41 未サポート[2] 20 or earlier (12) Nightly build 28 9.0 [1]
機能 Android Chrome for Andorid Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 未サポート 50 未サポート[2] 36 ? 9.2

[1]: Implemented in WebKit bug #134822.

[2]: バグ 1035774 – Implement Interaction Media Features including pointer:coarse that replaces non-standard -moz-touch-enabled

ドキュメントのタグと貢献者

このページの貢献者: mpcjazz
最終更新者: mpcjazz,