MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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に追加

ブラウザ実装状況

機能 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

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

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