html - 离子：在桌面上水平居中对齐应用程序

问题：当用户在桌面浏览器上查看离子移动应用程序时，应用程序应在屏幕中央呈现。

尝试1 ：我尝试在我的案例max-width:732px;和margin: 0 auto;上使用宽度固定的包装div，但离子不允许我们在应用屏幕上添加div空白。

尝试2 ：内部元素的宽度用于（页眉，页脚，离子视图）并尝试在中心对齐，但标题.bar类断开标题，因为它位于元素中此修复程序也无法正常工作;

尝试3 ：使用位置并尝试与width:calc(50% - 732px);仍有标头符号对齐;

我的理解：离子视图.scroll-content是定位元素，它为滚动创建新元素，因此不会修复边距，文本对齐，包装或内部元素

期望：有什么办法可以解决这个问题吗？我希望我的应用程序看起来像在屏幕中心独立的分辨率：https://jsfiddle.net/HarishBoke/26a6dbbu/1/

任何帮助都非常感谢提前。提前致谢。