当移动应用程序页面方向从横向更改为纵向(反之亦然)时,更改 css 文件的最佳方法是什么。我只需要同时支持 Android 和 iPhone。看来媒体查询不是最干净的方式,还有其他想法吗?
Example
/* 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 https://developer.mozilla.org/en-US/docs/WebAPI/Managing_screen_orientation
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)