特定於媒體查詢的平板電腦風景

我有一個'響應'網站，但有一些鏈接我只想在'PC瀏覽器'上，而不是'平板電腦風景'，因爲它們鏈接到閃存對象。特定於媒體查詢的平板電腦風景

到目前爲止，這是我所做的，但它並不是100％的解決方案，因爲一些安卓平板電腦（如'聯想智能手機'）有更大的屏幕。

我使用媒體查詢，使我的網站響應，這就是我目前使用...

@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修復？

預先感謝您塔什：d

來源

2012-03-30 tish2uk

使用媒體查詢是不是真的合適的技術，如果閃光燈支持或不檢測。我的建議是使用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; 
}

注意：檢查導航器插件來自Here.

來源

2013-03-29 14:50:11

當你的JavaScript代碼使用方向：橫向，您必須考慮鍵盤彈出菜單是否會更改顯示，一旦寬度尺寸大於高度尺寸，css會將其視爲橫向。

來源

2014-01-09 16:50:58 Kelvin

特定於媒體查詢的平板電腦風景

回答

相關問題