Планшетный планшет, специфичный для медиа-запросов - PullRequest
Новая
       14

Планшетный планшет, специфичный для медиа-запросов

6 голосов
/ 30 марта 2012

У меня есть «отзывчивый» веб-сайт, но есть некоторые ссылки, которые мне нужны только для «браузеров ПК», а не для «планшета», поскольку они ссылаются на объекты Flash.

Пока что это то, что я сделал, но это не 100% исправление, как некоторые планшеты с Android, такие как Lenovo Think Pad, с большим экраном.

Я использую медиа-запросы, чтобы сделать мой сайт отзывчивым, и это то, что я сейчас использую ... 

@media only screen  
and (max-device-width : 1024px)     
and (orientation:landscape)
{
    header.Site
    {
        nav.Site > ul > li { line-height: 2 ; }

        div.BidSessionCountdown,
        a.LiveOnline { display: none; }
    }
}

Есть ли какие-нибудь исправления CSS, о которых вы можете подумать?

Спасибо заранее Таш: Д

Ответы [ 2 ]

2 голосов
/ 29 марта 2013

Использование медиазапросов не совсем подходит для определения, поддерживается ли flash или нет. Мое предложение было бы определить это, используя JavaScript, и назначить класс для элемента body, такого как "no-flash". Ваш JavaScript может выглядеть так: 

//Using jQuery here
if(typeof navigator.plugins['Shockwave Flash'] == 'undefined') {
    $('body').addClass('no-flash');
}

Тогда ваш CSS может быть следующим: 

body.no-flash a.LiveOnline {
    display:none;
}

Примечание. Код JavaScript, который проверяет подключаемый модуль навигатора, поступает из Здесь.

0 голосов
/ 09 января 2014

Когда вы используете ориентацию: альбомная, вы должны решить, изменит ли экран всплывающее окно клавиатуры, как только размер ширины будет больше, чем размер высоты, CSS будет рассматривать его как альбомную.

...