@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就可以了?
device-width是设备的宽度;width是浏览器的可视宽度。
要看到第一个的效果,需要打开控制台,点击菜单栏左侧的“手机pad图案”图标。