第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

matchMedia 能否同時監(jiān)聽 min-width和max-width

matchMedia 能否同時監(jiān)聽 min-width和max-width

暮色呼如 2019-02-25 17:35:18
看到網(wǎng)上很多文章都是只針對要么min-width,要么max-width來監(jiān)聽var mql = window.matchMedia('(max-width: 760px)');function screenTest(e) {  if (e.matches) {    document.body.style.backgroundColor = 'red';  } else {    document.body.style.backgroundColor = 'blue';  }}mql.addListener(screenTest);但是如果我這么寫就不管用了var mql = window.matchMedia('(min-width:380) and (max-width: 760px) ');mql.addListener(screenTest);請問怎樣才能同時監(jiān)聽是否滿足最大和最小值?
查看完整描述

1 回答

?
狐的傳說

TA貢獻1804條經(jīng)驗 獲得超3個贊

根據(jù) mdn 測試媒體查詢 的說法應(yīng)該是沒有'(min-width: 380px) and (max-width: 760px)',這種寫法的 
你可以試試這樣

window.matchMedia("(min-width: 380px)").matches &&

    window.matchMedia('(max-width: 760px)').matches


查看完整回答
反對 回復(fù) 2019-03-06
  • 1 回答
  • 0 關(guān)注
  • 524 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號