自定義CSS媒體查詢條件

Question

我想基於響應式設計的父元素的寬度來更改元素的某些CSS屬性。

例如，

父元素將具有200像素的最小寬度，並且將延伸到在最大500像素不管屏幕尺寸/寬度的。我想根據其父容器的寬度爲其子元素設置固定寬度。

我在尋找沒有Javascript的解決方案。如果可以以某種方式使用自定義媒體查詢來實現，則爲+1。

請指教。

Answer 1

使用媒體查詢

@media only screen and (min-width : 200px) { 

} 

@media only screen and (min-width : 500px) { 

} 

Answer 2

試一次

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

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