调整窗口大小时，媒体查询不会在768以下切换

Question

@media(min-width:768px){body:border:1px solid red;}

如果我调整窗口大小低于768px，它不会切换到iphone6 +媒体查询

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { body:border:1px solid red;}

请建议

Answer 1

最小宽度是最小宽度，因此任何高于 768px。如果你想要效果768px及以下@media screen(max-width:768px){...}

Max-Width vs Min-Width