元素的媒体查询 [重复]

Posted 2023-03-06

【中文标题】元素的媒体查询 [重复]

【英文标题】：Media Queries for Elements [duplicate]

【发布时间】：2014-12-27 17:12:34

【问题描述】：

html 元素的媒体查询。例如：

.container(min-width: 500px)
 
  .wid-sm width: 200px;
 

我想让元素像媒体查询一样响应。请为我提供解决方案。

【问题讨论】：

多次询问和回答。 ***.com/questions/12251750/…

【参考方案1】：

您可以像这样为不同的分辨率指定 css：

@media (max-width: 600px) 

   .wid-sm width: 200px;


@media (min-width: 600px and max-width: 800) 

   .wid-sm width: 350px;

【讨论】：

这不是问题。

首先您要获取容器大小，然后相应地调整 wid-sm div 的大小。这是你想要的吗？

他想指定一个媒体查询-like 规则，但是它基于元素的大小而不是屏幕的大小，这个特性当然是不在 CSS 中。