如何制作图像仅在移动模式下以全屏显示？

Question

桌面上有两个网站模板（已经可以）和移动设备。

在移动设备中，我希望它只显示占据整个屏幕的图像。显示器的所有扩展（高度和宽度）必须只是这个内容。按下按钮后，页面向下并显示内容。

例：

我在小提琴[[NSBundle mainBundle] loadNibNamed:@"MyView" owner:self options:nil]; [self addSubview: self.contentView];

中做了一个例子

但我不知道如何将图像居中，并将其作为占据整个高度/页面高度的独特内容。

怎么做？

Answer 1

创建一个设置为100vw和100vh的块元素。然后将图像添加为背景图像，其属性为：background-size：cover。