WKWebView不会与状态栏保持齐平

Question

所以我不知道该怎么办。我只是从Xcode开始，到目前为止一直很喜欢。我已经读过有关约束的信息，但是我无法弄清或在网上找到任何有关问题的帮助...

基本上，我希望WebKit与顶部状态栏齐平，但它会随设备移动，并且在iPad顶部具有丑陋的边框，而在iPhone X上齐平。

在此处查看一些图片：https://imgur.com/a/Q47KdM3

我需要它随每个设备缩放，以便Web视图与每个设备上的状态栏齐平。

Answer 1

根据我在所摆姿势的图像中看到的内容，WebView没有任何布局限制，我认为这可以解释您所看到的内容。没有这些约束，视图将无法调整大小以适合各种设备。以下是我对约束的建议，如果您希望东西“冲”到顶部和底部（重要的是将约束放置在SafeArea上）。要添加这些约束，请将Web视图拖动到显示器的边缘，直到看到一条蓝色虚线，然后单击看起来像打架的按钮（右侧的第二个按钮），然后单击红色的虚线| --- |符号以在每个方向上施加约束。

这应该为您提供如下布局：

在模拟器中运行时，您将获得如下所示的结果。您可以看到在iPhone X设备上看起来有些不同，但这就是在这些设备上设计事物以确保控件可访问的方式。我确实注意到的一件事是，当您在Xcode中更改设备的方向或尺寸时，您在Web视图的Xcode中看到的灰色区域无法正确移动。但是，显示器的边缘确实可以正确移动，因此我将其归类为错误的Xcode。

真的希望能有所帮助。我记得刚开始时遇到限制时非常困惑。花点时间掌握一切。

iPhone 8 iPhone 8风景 的iPad iPad景观 iPhone X iPhone XR