调整页面响应式@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;

      }

}

发布了32 篇原创文章 · 获赞 3 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_40088443/article/details/89929725