已采納回答 / 迷路mil
min-device-width是設(shè)備整個(gè)顯示區(qū)域的寬度,例如,真實(shí)的設(shè)備屏幕寬度。max-width是目標(biāo)顯示區(qū)域的寬度,例如,瀏覽器寬度。視頻案例使用的是min-device-width,也就說(shuō)他是根據(jù)你的屏幕寬度設(shè)置的。你需要F12調(diào)出手機(jī)模擬窗口,這樣就可以根據(jù)模擬的手機(jī)屏幕寬度而不是你的電腦屏幕寬度來(lái)設(shè)置。如何你想在電腦上拖動(dòng)瀏覽器來(lái)更改適配樣式則可以將min-device-width更換為max-width
2020-10-30