问题:当用户在桌面浏览器上查看我的离子移动应用程序时,应用程序应该在屏幕中央呈现。
try1:我尝试在它上使用包装器div,在max-width:732px;
和margin: 0 auto;
的情况下宽度是固定的,但ionic不允许我们在应用程序屏幕上附加div。
尝试2:为内部元素(页眉、页脚、离子视图)使用了宽度,并尝试将其居中对齐,但页眉.bar
类在定位元素时打断了页眉,此修复也无法正常工作;
尝试3:已使用位置并尝试与width:calc(50% - 732px);
静止标头换行对齐;
我的理解:离子视图.scroll-content
是定位元素,它为滚动创建了新的元素,因此不会被边缘、文本对齐、包装或内部元素修复
期望:有什么方法可以解决这个问题吗?我希望我的应用程序在屏幕中央看起来像这样独立的分辨率:https://jsfiddle.net/HarishBoke/26a6dbbu/1/
任何帮助都是非常感谢的。提前感谢。
您可以使用运行您的离子应用程序
- 离子发球(正常桌面视图)
- ionic serve-lab(这将显示基于您设置的平台的ionic应用程序的移动视图)