ionic:在桌面上水平居中对齐应用程序



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

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应用程序的移动视图)

最新更新