2013-10-26 31 views
1

我們可以在圖形視圖中使用哪些CSS3媒體查詢來定位Chromecast?針對帶CSS媒體查詢的Chromecast

它似乎並沒有在所有類似迴應:

@media tv and (device-width: 1280px){...} 

我已經能夠得到工作的唯一的查詢是:

@media(min-width: 1265px){...} 

哪個瘋狂的在我看來,因爲無論如何,過掃描是32px。

什麼是最好的查詢使用?

到目前爲止,我已經找到了最佳的佈局是:

@media(min-width: 1265px) { 
    body { 
     position: absolute; 
     top: 18px; 
     right: 32px; 
     bottom: 18px; 
     left: 32px; 
     margin: 5px; 
    } 
} 

其允許部18px * 32PX過掃描和明顯的額外5px的保證金

回答

1

尼爾,我不知道的清潔方式在這一點上通過媒體查詢執行此操作,但您可以使用用戶代理指紋發現您在Chromecast設備上;例如,如果字符串「CrKey」和「TV」在用戶代理中,那麼您正在運行chromecast。

+0

謝謝阿里,如果CC開發團隊能夠實現一致的最小寬度媒體選擇器,那將是非常棒的。有沒有一個公衆的錯誤跟蹤器,我們可以提交這種事情? – Neil

+0

我確實爲此創建了內部功能請求。 –

+1

截至2014年2月12日,Chromecast userAgent不再包含「電視」。 Mine是「Mozilla/5.0(CrKey armv7l 1.4.15250)AppleWebKit/537.36(KHTML,如Gecko)Chrome/31.0.1650.0 Safari/537.36」。 –