最近在做一个活动页时,发现当上滑页面时,底部固定定位的按钮也跟着移动了一点,当下滑时,又会回到原来位置。

如上图,底部紫色按钮要求是右侧样式,结果上滑时如左图上移了。

解决办法:

html的head的meta viewport 中加

viewport-fit=cover
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">

加上之后,就正常了。

转载于:https://www.cnblogs.com/wuyuchao/p/11078553.html

iPhone XR XS 底部固定定位偏移解决方案相关推荐

  1. postionfixed固定_详解如何解决position:fixed固定定位偏移问题

    问题 css固定定位position:fixed很容易使用,就是相对浏览器的viewport进行定位,top:0;left:0就是在左上角. .container{ width: 100px; hei ...

  2. iOS 【适配iPhone XR/iPhone XS Max】

    启动图 iPhone XR:828px x 1792px iPhone XS Max: 1242px x 2688px LaunchImage中只有iPhone X/iPhone XS 项目中使用La ...

  3. iphone xr xs_如何在iPhone X,XS和XR上使用Animoji

    iphone xr xs If you have an iPhone X or newer, there's a neat feature called Animoji (short for anim ...

  4. iphone xr xs_如何关闭iPhone X,XS和XR

    iphone xr xs While the iPhone X, XS, and the XR no longer feature Apple's iconic home button, they s ...

  5. iphone xr xs_等等,是iPhone“ XS”还是iPhone“ Xs”?

    iphone xr xs Apple just announced a trio of new phones with pretty silly names. On top of being kind ...

  6. iphone xr xs_如何在iPhone X,XR,XS和XS Max上截屏

    iphone xr xs With the arrival of the iPhone X and its lack of a Home button, Apple had to change the ...

  7. iphone xr xs_为什么iPhone XR具有新iPhone X系列的最佳电池寿命

    iphone xr xs If you care about battery life on your iPhone, you may want to take a closer look at th ...

  8. iphone xr xs_如何在iPhone XR上设置触觉触摸

    iphone xr xs The iPhone XR does not have 3D Touch, instead relying on something called Haptic Touch. ...

  9. 移动端适配iphoneX、iPhone XS、iPhone XS Max、iPhone XR方法

    使用mui框架的底部tab栏打包后在iphoneX.iPhone XS.iPhone XS Max.iPhone XR上展示出现问题,底部会被遮挡大半. 效果如下图: 解决方案:获取屏幕大小来写不同的 ...

最新文章

  1. 【廖雪峰python入门笔记】变量
  2. 人脸识别双目摄像头何时同时打开双目
  3. Clustered Data ONTAP Fundamentals课程第一单元学习笔记(续3)
  4. nx set 怎么实现的原子性_正确地使用Redis的SETNX实现锁机制
  5. Caused by: java.lang.ClassNotFoundException: Cannot find class: User
  6. 如何解决markdown中图片上传的问题
  7. 一个门外汉的产品设计漫谈[转]
  8. 某些型号的Comba和D-Link路由器存在管理员密码泄露漏洞
  9. 英语语法回顾3——名词和名词性从句
  10. redis 集群 实操 (史上最全、5w字长文)
  11. mysql记录锁、间隙锁、临键锁
  12. 软件测试周刊(第17期):分歧比共识重要,为啥?
  13. 最近做Jpeg编解码遇到的问题
  14. 程序员春招是什么时候?什么是金三银四?
  15. mysql utl_file_pl/sql应用之利用utl_file写文件
  16. 14. Juju and Binary String
  17. 一个免费开源、跨平台的可视化源码探索项目
  18. 如何用FlyMCU下载程序进STM32
  19. 还叫 “不可成药” 靶点?KRAS 已逆袭!- MedChemExpress
  20. ssm+java+vue微信小程序的驾校预约管理系统#毕业设计

热门文章

  1. C语言程序设计第十章字符串,C语言程序设计(字符串)
  2. pandas 读写 excel 数据
  3. 三十四、动态规划解决01背包问题
  4. 使用React.js开发自己的Chrome插件
  5. java微积分计算步骤_一次刨根问底的收获——从一道微积分题说开去
  6. 绘制多边形_PS学习教程!教你绘制低多边形星空效果熊猫头像
  7. 连接网络计算机密码错误,局域网电脑连接提示网络错误怎么解决
  8. c语言五个整数排序,刚学c语言,老师让用if编一个五个数字从大到小的排序,有那个大神能帮我,谢谢啦...
  9. oracle 序列号同步,关于序列同步的问题
  10. kivy python 读取oracle数据库_Kivy和Python线程-如何在它们之间获取数据