html - 自定义 CSS 媒体查询条件

Question

我想根据响应式设计的父元素的宽度更改元素的某些 CSS 属性。

例如，

无论屏幕大小/宽度如何，父元素的最小宽度为 200 像素，最大宽度为 500 像素。我想根据其父容器的宽度为其子元素设置固定宽度。

我正在为此寻找没有 Javascript 的解决方案。如果可以使用自定义媒体查询以某种方式实现，+1。

请指教。

Answer 1

尝试一次

@media screen and (min-width: 200px) and (max-width: 499px) {
    //styles here    
}

@media screen and (min-width: 500px) and (max-width: 1024) {
   //styles here
}