Html CSS—跨多个设备的div高度

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

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

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

解决这个问题的好方法是什么？是否有一种基于移动用户代理和桌面用户代理加载样式表的方法？

假设40英寸LCD是一台电视，这可能会解决您的问题：

@media tv {

    .sensitive {
         height: 40px;
    }

}

可以找到其他媒体类型