輸入機制媒體功能
作者：佚名 時間：2014-06-08 分享到：
關于屏幕尺寸或分辨率,已經討論了很多,接下來我們要談談其他的關鍵要素這同樣也很重要.許多年來,鼠標搭配鍵盤一直主導著輸入機制,但是,新設備不但接受鼠標搭配鍵盤的輸入方式,還可以使用觸摸,手寫筆和聲音,但是誰又能預測,將來還會出現什么新的輸入方式呢!
鑒于輸入機制的多樣性,在媒體查詢級別4的規范中,提出了兩個新的媒體功能,這兩個媒體功能提供了支持用戶和網頁互動的樣式規則.
第一個新媒體功能昌pointer功能,它具有三個可用參數;在眼下最常見的輸入機制中,鍵盤或主意控制的設備沒有指針,所以被列入參數"none";像平板電腦或智能手機這類手指觸摸屏,它們最有可能被 列入參數"coarse";能提供非常嚴密的鼠標或筆針,則被 列入參數"fine".
在這種情況下,當使用觸摸屏設備時,以下救命查詢需要在所瀏覽網站的鏈接元素上添加額外的填充:
@media screen and{pointer:coarse}{a{padding:1em;}}
懸停狀態是使用鼠標輸入設備特有一個功能.當屏幕上的指針定位于元素上方時,可以使用這個功能來檢測,很明顯,觸摸或語言輸入不存在這個功能,若要解決這個問題,可以用懸停來測試,看設備中是否存在懸停狀態,因為懸停查詢是布爾型,所以不需要第二個值;
@media screen and(hover){}
如果想要尖沒有懸停的設備上設備規則,可以使用0值或not運算符,所以,下面兩條規則是類似的:
@media screen and(hover:0){}
@media not screen and(hover){}
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1803.html
