响应式css样式

　　

　　<div class="a"> 123 </div>

　　@media(orientation:portrait) and (max-width:600px){

　　　　.a{

　　　　　　color:red;

　　　　}

 

　　}

　　@media(min-width:300px) and (max-height:300px){

　　　　.a{

　　　　　　color:blue;

　　　　}

　　}

 

　　这样就可以实现响应式的效果