小编gre*_*eed的帖子

iOS 15 通过固定位置、全屏内容最小化地址栏问题

使用 iOS 15.0.2 Safari,当屏幕键盘关闭时,地址栏可以最小化,而无需更新视口高度。这会导致底部间隙,如果不按地址栏就无法删除该间隙。是否有任何已知的解决方法?通过使用嵌套容器,可以在没有任何设备旋转的情况下达到这种状态,但我能想到的最简单的可重现示例如下:

  1. 旋转至横向
  2. 专注于文本输入以调出屏幕键盘
  3. 旋转至纵向
  4. 按屏幕键盘上的“完成”

body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: fixed;
  inset: 0;
  -webkit-text-size-adjust: 100%;
}
input {
  font-size: 16px;
}
Run Code Online (Sandbox Code Playgroud)
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1, viewport-fit=cover">
  <meta name="theme-color" content="#000000">
</head>
<body>
  <input type="text" />
</body>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html css safari ios

16
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

ios ×1

safari ×1