ios - WKWebView 不与状态栏齐平

Question

所以我不知道该怎么办。我刚开始使用 Xcode，到目前为止我很喜欢它。我已经阅读了有关约束的信息，但我无法弄清楚或无法在网上找到任何有关这里出了什么问题的帮助...

基本上，我希望 WebKit 与顶部状态栏齐平，但它会根据设备移动，并在 iPad 顶部提供难看的边框，而在 iPhone X 上则齐平。

在这里查看一些图片:https://imgur.com/a/Q47KdM3

我需要它与每台设备一起缩放，以便 WebView 与每台设备上的状态栏齐平。

Answer 1

从我在您提供的图像中看到的情况来看，您对 WebView 没有任何布局限制，我认为这可以解释您所看到的情况。没有这些约束， View 将不会调整大小以适应各种设备。如果您希望事物“齐平”到顶部和底部栏(对 SafeArea 放置约束很重要)，下面是我建议的约束。要添加这些约束，请将 Web View 拖动到显示的边缘，直到您看到蓝色虚线，然后单击看起来像领带战士的按钮(右起第二个按钮)，然后单击红色虚线 |--- |在每个方向应用约束的符号。

这应该为您提供如下所示的布局:

在模拟器中运行时，您会得到如下所示的结果。你可以看到 iPhone X 设备上的东西看起来有点不同，但这些设备上的东西是如何设计的，以确保控件可以访问。我确实注意到的一件事是，当您在 Xcode 中更改设备的方向或大小时，您在 Xcode 中看到的 Web View 灰色区域不会正确移动。但是，显示器的边缘确实移动正确，因此我将其归因于 Xcode 错误。

真心希望对您有所帮助。我记得刚开始时遇到约束时非常困惑。需要一点时间来了解事情。

iPhone 8 iPhone 8 横向 iPad iPad横向 iPhone X iPhone XR