商城系統(tǒng) 注冊

微信小程序match-media怎么用及示例

2021-01-19|HiShop
導(dǎo)讀：match-media media query 匹配檢測節(jié)點?？梢灾付ㄒ唤M media query 規(guī)則，滿足時，這個節(jié)點才會被展示。 通過這個節(jié)點可以實現(xiàn)頁面寬高在某個范圍時才展示某個區(qū)域這樣的效果。 match-media...

match-media

media query 匹配檢測節(jié)點。可以指定一組 media query 規(guī)則，滿足時，這個節(jié)點才會被展示。

通過這個節(jié)點可以實現(xiàn)“頁面寬高在某個范圍時才展示某個區(qū)域”這樣的效果。

<match-media min-width="300" max-width="600">
  <view>當(dāng)頁面寬度在 300 ~ 500 px 之間時展示這里</view>
</match-media>
 
<match-media min-height="400" orientation="landscape">
  <view>當(dāng)頁面高度不小于 400 px 且屏幕方向為縱向時展示這里</view>
</match-media>
電話咨詢 預(yù)約演示 0元開店