如何使div仅在特定设备中可见

时间:2014-08-30 20:01:38

标签: html css twitter-bootstrap

我是Bootstrap技术的新手。

我如何才能为特定设备显示任何div标签,例如我想显示div仅在笔记本电脑中可见但在桌面上不可见

先谢谢

2 个答案:

答案 0 :(得分:1)

您无法设置仅适用于笔记本电脑但不适用于台式机的内容。您可以声明媒体查询,以便您可以决定某些特定分辨率上是否可见某些内容。例如,移动设备使用的屏幕尺寸为320px。

有关媒体查询的更多信息 - > LINK

Bootstrap文档 - > LINK

答案 1 :(得分:0)

您可以使用媒体查询来执行此操作。例如,手机具有较高的像素比率,因此您可以为高分辨率手机添加此功能:

@media (-webkit-min-device-pixel-ratio: 2) {
    /* STYLES */
}

您可以找到有关媒体查询的更多有用信息hereherehere