IOS h5填充到安全区域

Posted 2023-03-29

参考技术A 需求：h5页面顶部图片要沉浸到状态栏。
1.html中设置 meta viewport-fit=cover"

3.问题：当设置meta viewport-fit=cover" 时，高度100%，会导致页面实际高度只有苹果安全区域(就是不设置meta viewport-fit=cover"时可以操作的部分)的高度。百度的解决方法是用媒体查询修改body\html的高度，然而并不行。
解决：需要让原生的webView设置，然后h5按照第二步的修改样式。

HidesBottomBarWHEnPushed iOS 10 安全区域固定问题

【中文标题】HidesBottomBarWHEnPushed iOS 10 安全区域固定问题

【英文标题】：HidesBottomBarOnPush iOS10 safe area pinning issue

【发布时间】：2017-12-22 13:52:19

【问题描述】：

我在 iOS 10 上的安全区域出现问题，我在其中触发了对启用了 hidesBottomBarOnPush 的视图控制器的 segue。固定到此视图控制器底部安全区域的内容从选项卡上方开始，然后在视图完全加载后跳转到底部。

如何在 iOS 10 上避免这种行为？由于需要 iPhone X 支持，因此无法固定到 superview。

标签上的约束：

【问题讨论】：

将“固定到底部”的底部约束设置为安全区域。

@phani 它已经固定在安全区域的底部

【参考方案1】：

固定到superview，绑定到属性，像这样

@interface YourViewController ()

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *bottomConstraint;

@end

@implementation YourViewController

- (void)viewDidLoad 
    [super viewDidLoad];

    CGFloat bottomValue = 0.0f; // your value
    UIEdgeInsets edgeInsets = UIApplication.sharedApplication.keyWindow.layoutMargins;
    CGFloat bottomInset = edgeInsets.bottom;
    self.bottomConstraint.constant = - bottomInset - bottomValue;


@end