调整页面响应式@media

需要调整不同的手机响应式的css。可以利用@media

例如

//设置响应式宽度最大为900px时class属性为submit的font-size

@media （max-width:900px）{

     .submit{

          font-size:10px;

      }

}

//设置响应式宽度最小为900px时class属性为submit的font-size

@media （min-width:900px）{

     .submit{

          font-size:10px;

      }

}

//设置响应式宽度最小为900px且最大高度为200px时class属性为submit的font-size(>=900 || <=200)

@media （min-width:900px）and (max-height:200px){

     .submit{

          font-size:10px;

      }

}