<div class="a"> 123 </div>
@media(orientation:portrait) and (max-600px){
.a{
color:red;
}
}
@media(min-300px) and (max-height:300px){
.a{
color:blue;
}
}
这样就可以实现响应式的效果
<div class="a"> 123 </div>