特定于媒体查询的平板电脑风景

我有一个'响应'网站，但有一些链接我只想在'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

特定于媒体查询的平板电脑风景

回答

相关问题