问题出处: 在我们进行定位时要距离底部tab 100px 在安卓手机距离底部达到了我们的预期效果 但苹果手机没有 这时候我们就要写一下样式的适配
1、网页在可视窗口的布局方式
viweport-fit 属性: iOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展,用于设置网页在可视窗口的布局方式,可设置三个值:
- contain: 可视窗口完全包含网页内容
- cover:网页内容完全覆盖可视窗口
- auto:默认值,跟 contain 表现一致
<meta name="viewport" content="width=device-width, viewport-fit