min-device-width和min-width
@media?screen?and?(min-device-width:?200px)?and?(max-device-width:?300px){ ????#div0{ ????????background:?blue; ????} } @media?screen?and?(min-width:?200px)?and?(max-width:?300px){ ????#div0{ ????????background:?blue; ????} }
為什么我用第一個不行,第二個不要device就可以了?
2021-01-29
device-width是設備的寬度;width是瀏覽器的可視寬度。
要看到第一個的效果,需要打開控制臺,點擊菜單欄左側(cè)的“手機pad圖案”圖標。