CSS - 跨多个设备的div的高度[重复]

Posted 2023-03-06

【中文标题】CSS - 跨多个设备的div的高度[重复]

【英文标题】：CSS - height of a div across multiple devices [duplicate]

【发布时间】：2014-06-27 10:50:21

【问题描述】：

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

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

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

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

【参考方案1】：

假设 40" LCD 是电视，这可能会解决您的问题：

@media tv 

    .sensitive 
         height: 40px;
    

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