javascript– 基于移动方向更改CSS

概述当移动应用程序页面方向从横向更改为纵向时,更改css文件的最佳方法是什么,反之亦然.我只需要支持Android和iPhone.媒体查询似乎不是最干净的方式,其他任何想法？解决方法:例/*Forportrait*/@mediascreenand(orientation:portrait){#toolbar{width:100%;}}

当移动应用程序页面方向从横向更改为纵向时,更改CSS文件的最佳方法是什么,反之亦然.我只需要支持Android和iPhone.媒体查询似乎不是最干净的方式,其他任何想法？

解决方法:

例

/* For portrait */@media screen and (orIEntation: portrait) {  #toolbar {    wIDth: 100%;  }}/* For landscape */@media screen and (orIEntation: landscape) {  #toolbar {    position: fixed;    wIDth: 2.65em;    height: 100%;  }  p {    margin-left: 2em;  }}

有关详细信息,请参阅here

总结

以上是内存溢出为你收集整理的javascript – 基于移动方向更改CSS全部内容，希望文章能够帮你解决javascript – 基于移动方向更改CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。