2013-10-26 3 views
1

Какие медиа-запросы CSS3 можно использовать для настройки Chromecast в графическом представлении?Ориентация на Chromecast с CSS-запросами для СМИ

Это, кажется, не реагировать на все, чтобы что-то вроде:

@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

Нил, я не в курсе чистого пути сделайте это через Media Query в этот момент, но вы можете потенциально использовать отпечаток пальца пользователя, чтобы обнаружить, что вы находитесь на устройстве хромирования; например, если строки «CrKey» и «TV» находятся в пользовательском агенте, то вы работаете на хромоте.

+0

Спасибо Али, было бы замечательно, если бы команда CC Dev могла реализовать последовательный селектор мультимедиа min-width. Есть ли публичный трекер ошибок, на который мы можем отправить такие вещи? – Neil

+0

Я создал внутренний запрос функции для этого эффекта. –

+1

С 12 февраля 2014 года пользователь Chromecast больше не содержит «ТВ». Mine - «Mozilla/5.0 (CrKey armv7l 1.4.15250) AppleWebKit/537.36 (KHTML, как и Gecko) Chrome/31.0.1650.0 Safari/537.36". –