首先,给viewport meta 标签添加一个扩展viewport fit,用于设置网页在手机的可视窗口的布局方式 属性值有:contain 视窗包含网页 cover 网页覆盖视窗 auto 默认值,同contain效果注意:网页默认不添加扩展的表现是 viewport fit contain,需要适配 iPhoneX 必须设置 viewport fit cover,这是适配的关键步骤 env ...
2021-02-24 10:46 0 982 推荐指数:
项目中遇到了这个问题,说实话 iOS 端问题挺多的,原因找起来比较简单,就是吊起键盘的时候把window的高度挤小了,然后, 关掉键盘页面高度没恢复,安卓手机会自动恢复页面高度。 原因找到了就想解决办法,刚开始想的是 iOS 它不恢复那我也没办法,这属于 iOS 的bug啊或者微信的 bug ...
在循环商品详情图片时,发现每个图片有白色间隔,但是并没有设置margin,padding 造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以就会出现上图的情况(图片底部出现一个小留白区域) 解决方法 ...
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-s ...
背景 公司项目开发中,发现iPhoneX上吸底元素存在被小黑条遮挡的问题 原因 在苹果 iPhoneX 、iPhone XR等机型上,物理Home键被取消,改为底部小黑条替代home键功能,从而导致吸底元素会被小黑条遮挡覆盖的问题 解决方案 使用已知底部小黑条 ...
1、解决方案一 先判断是否是苹果然后判断监听可视区域值得变化,变大说明此时为home键存在情况,变小则说明出现了底部导航条,根据这个变化改变底部按钮得padding-bottom值 具体参考:https://blog.csdn.net/yao_1063066968/article ...
iphonex 已经上线有一段时间了,作为业界刘海屏幕第一款机型,导致全屏不能正常的全屏显示了,,所以需要对iphonx 适配,下面就详细说说如何适配 先看一张适配前后的图: iphonex 提供的 meta 头 contain 可视化窗口完全包含网页内容 ...
1. iPhoneX的介绍 屏幕尺寸 我们熟知的iPhone系列开发尺寸概要如下: △ iPhone各机型的开发尺寸 转化成我们熟知的像素尺寸: △ 每个机型的多维度尺寸 倍图其实就是像素尺寸和开发尺寸的倍率关系,但这只是外在的表现。倍图核心的影响因素在于PPI(DPI ...