微信小程序match-media怎么用及示例
2021-01-19|HiShop
導讀：match-media media query 匹配檢測節點。可以指定一組 media query 規則，滿足時，這個節點才會被展示。 通過這個節點可以實現頁面寬高在某個范圍時才展示某個區域這樣的效果。 match-media...
match-media
media query 匹配檢測節點。可以指定一組 media query 規則，滿足時，這個節點才會被展示。
通過這個節點可以實現“頁面寬高在某個范圍時才展示某個區域”這樣的效果。
<match-media min-width="300" max-width="600">
<view>當頁面寬度在 300 ~ 500 px 之間時展示這里</view>
</match-media>
<match-media min-height="400" orientation="landscape">
<view>當頁面高度不小于 400 px 且屏幕方向為縱向時展示這里</view>
</match-media>
您可能感興趣:
立即掃碼關注
提供多種電商軟件及解決方案