移动端样式兼容
小姚同志yao
这个作者很懒,什么都没留下…
展开
-
iphoneX系列手机在页面滚动时隐藏底部的操作栏
iphoneX系列手机底部都有一个(横杠)键,浏览器会在页面滚动时隐藏底部的操作栏,需求:底部导航栏出现1、判断是iphonex设备的方法function isIphoneX(){ if(/iphone/gi.test(window.navigator.userAgent)){ /* iPhone X、iPhone XS */ var x=(window.screen.width === 375 && window.screen.height ==原创 2020-09-28 15:05:12 · 1664 阅读 · 0 评论 -
H5适配iphoneX底部
H5适配iphoneX底部 两步骤第一步:设置网页在可视窗口的布局方式在index.html中设置meta属性,在content下设置关键值 viewport-fit=cover,使得页面内容完全覆盖整个窗口<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cove原创 2020-09-28 14:31:01 · 973 阅读 · 0 评论