CSS - 跨多个设备的div的高度

Question

所以我有两个设备，一个40英寸LCD和一个7英寸平板电脑，两个设备都是1080p，因此从CSS的角度来看，这些设备在加载依赖于屏幕的CSS方面几乎相同：

@media(max-width:1080px){
   .myDiv { ... }
}

我有一个div，div包含敏感数据，在平板电脑上我希望它很大，以便用户可以读取它，但在LCD上我希望它很小。

解决这个问题的好方法是什么？有没有办法根据移动用户代理和桌面用户代理加载样式表？

Answer 1

假设40＆＃34; LCD是一台电视，这可以解决您的问题：

@media tv {

    .sensitive {
         height: 40px;
    }

}

可以找到其他媒体类型here。