Re: [想法] @supports query selector 擴充到整個 w3 標準

(12/09/06 12:03), Yao Wei (魏銘廷) wrote:
> 簡單來說，移植 (?) 將 Modernizr 在 CSS 上面的作法到 @supports 來做出瀏覽器不同支援的區分。
> 
> CSS3 其實已經有 @supports query selector，但是僅限於不同 CSS 支援的差異，我們不能知道瀏覽器是否支援
> HTML5 的其他特性。[1]
> 
> 舉例：
> 
> @supports video-webm{
> /* shows your browser supports webm etc. */
> }
> 
> 
> @supports webgl{
> /* webgl support etc. */
> }

我也感覺這兩個有實用性，畢竟 fallback 內容還是有限制。不過是不是感覺

  (video: webm)
  (canvas-context: webgl)

之類語法比較好？還是說這樣的話很容易跟真的屬性名稱搞混？

> @supports svg{
> /* svg image substitute */
> }

這我想不太會有用，因為支持 @supports xxx 的瀏覽器應該都會支持 SVG :p

> @supports touch-min:2 {
> /* multitouch-able interface for tablets and touch screens */
> }

這是不是比較像媒體查詢的東西？

  @media (min-touch: 2)

不過我也不太清楚 @media 跟 @supports 要怎麼分界...


總之，感覺蠻適合去 www-style 提的，可以順便蒐集一下 Modernizer 的真實使
用例子。



以上

Kenny
-- 
Web Specialist, Oupeng Browser, Beijing
Try Oupeng: http://www.oupeng.com/

Received on Thursday, 13 September 2012 11:32:05 UTC