苹果手机各种兼容性问题:滑动,背景图片不显示,input 禁止非数字输入,position定位,隐藏input光标等_height:100%图片在苹果手机中无效-程序员宅基地

技术标签: 兼容  ios  手机端  

每次做移动端项目,到了提测阶段最让我忐忑的还是测试的各种版本的IOS手机,尤其是那只苹果se系统版本贼低的神机。

 

  • 苹果手机 overflow-y: auto 滑动不了或者滑动卡的问题

  • -webkit-overflow-scrolling: touch; 

  • 这行代码启用了硬件加速特性,所以滑动很流畅。但这属性会相对耗费更多内存

 

  • 手机端:使页面不能滑动

  • <body style="position:fixed"></body> 只对苹果手机有效,对安卓手机无效

width: 100%;

height: 100%;

overflow: hidden;

overflow-y: auto;

-webkit-overflow-scrolling: touch;

position: absolute;  // 苹果系统版本为10的还不能滑动的问题,加这行

 

  • 背景图片不显示问题

  • 苹果se和苹果6s background属性失效,所以把背景图片改成 img 标签显示

 

  • input 禁止非数字输入

  • chrome、firefox、手机浏览器等高级浏览器直接添加

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41845146/article/details/84794318

智能推荐

(一)MFC读取并显示一幅位图图像,并获取鼠标点击位置的像素坐标和灰度值_手动输入坐标值 自动显示图像灰度值 软件-程序员宅基地

文章浏览阅读1.2w次,点赞25次,收藏140次。 题目是老师布置的一道作业题,要求用C或C++完成,但不能用VTK/Opencv等软件包,经过很多摸索之后实现了该功能,后续可能还有其他功能要实现,所以先写一篇博客记录下,一方面是方便自己以后使用,另一方面是给其他人做个参考,少走一些弯路。说不定以后学弟学妹们就看到了这篇博客(猜猜我是哪个学校的?)一、作业要求要求读取一幅位图图像,即BMP位图,并显示该图像在对话框内。鼠标点击该..._手动输入坐标值 自动显示图像灰度值 软件

Android 加载jni报错java.lang.UnsatisfiedLinkError: dlopen failed: library "libandroid_runtime.so" not-程序员宅基地

文章浏览阅读5.1k次,点赞2次,收藏6次。在Android 7.0以后,系统加了限制,访问私有so库有了限制,报错为下面的: PID: 3918 java.lang.UnsatisfiedLinkError: dlopen failed: library "libandroid_runtime.so" not found at java.lang.Runtime.loadLibrary0(Runtime.ja..._libandroid_runtime.so

美团餐饮娱乐知识图谱——美团大脑揭秘-程序员宅基地

文章浏览阅读352次。2019独角兽企业重金招聘Python工程师标准>>> ..._美团知识图谱

全国计算机二级第54次,我校成功组织实施第54次全国计算机等级考试-程序员宅基地

文章浏览阅读105次。2019年3月30至31日,我校成功组织了第54次全国计算机等级考试。本次考试,我校共安排18个标准化考场,8个批次,共计6894名考生参加考试。考试期间,副校长徐小立、教务处处长瞿述、信息学院书记甘向阳、纪委副书记曹斯曼、南湖学院副院长李革新、岳阳市教体局招考办等相关单位负责同志对考试工作进行全程巡视、指导,考试过程中考场秩序及考风良好。(教务处处长瞿述、副处长刘隆华、信息学院副院长周小强、纪委..._全国计算机二级开信号屏蔽仪吗

【Linux网络编程一】网络基础1(网络框架)-程序员宅基地

文章浏览阅读943次,点赞10次,收藏23次。【Linux网络编程一】网络基础(网络框架)重点:①什么是协议②协议分层③操作系统与网络协议栈关系④局域网下如何通信⑤以太网下如何通信⑥交换机作用

Linux 下用于 C/C++ 的最好的 IDE /编辑器_linux好用的c++ ide-程序员宅基地

文章浏览阅读1.2k次。参考17 个 Linux 下用于 C/C++ 的最好的 IDE /编辑器_linux好用的c++ ide

随便推点

人工神经网络算法的应用,人工神经网络发展历史_w.s.mcculloch-程序员宅基地

文章浏览阅读969次。其次,当时的电子技术工艺水平比较落后,主要的元件是电子管或晶体管,利用它们制作的神经网络体积庞大,价格昂贵,要制作在规模上与真实的神经网络相似是完全不可能的;(3)非线性映射能力当对系统对于设计人员来说,很透彻或者很清楚时,则一般利用数值分析,偏微分方程等数学工具建立精确的数学模型,但当对系统很复杂,或者系统未知,系统信息量很少时,建立精确的数学模型很困难时,神经网络的非线性映射能力则表现出优势,因为它不需要对系统进行透彻的了解,但是同时能达到输入与输出的映射关系,这就大大简化设计的难度。..._w.s.mcculloch

笔记神器Typora(Markdown)_typora笔记成果-程序员宅基地

文章浏览阅读325次。2020-8-9 mark工具推荐推荐一款轻量简洁的Markdown编辑器——Typora,好用到爆。之前用的是Atom+插件(markdown-preview-enhanced, markdown-writer),也挺不错的,但是就是功能太多,界面不够简洁。目前的使用方式是Typora + Atom + CSDN结合使用:Typora用来打字和产出Atom结合插件进行文件的管理CSDN将写好的文章或者笔记进行发布接下来说说,Typora的几点好处。支持Markdown的所有语._typora笔记成果

坚果SmartisanYQ601(32G) 安卓5.1.1获取Root权限_坚果投影仪root-程序员宅基地

文章浏览阅读7.9k次。坚果SmartisanYQ601(32G存储,2G运行内存) 安卓5.1.1 获取Root权限本来只是想获取root权限,删除系统的一些无用的东西的。后来折腾了很久,没能获得 root 权限,刚开始的时候使用了各种 获取root的软件来试,都没有拿到 root,后面试着刷 recovery,但是刷recovery又需要有root权限才能刷,所以就没办法刷入 recov_坚果投影仪root

苹果内置录屏SDK-ReplayKit库的使用说明_uniapp replaykit-程序员宅基地

文章浏览阅读2k次。原文 http://www.cnblogs.com/huangzizhu/p/5073389.html主题 ReplayKit1 iOS ReplayKit 录屏SDK 说明 (按照苹果官方的说法是App端加入这些苹果的新特性新SDK更容易被苹果推荐 )ReplayKit是苹果在iOS9上面提供的一个库组件,可以让玩家在游戏中录制游戏视频,并且可以添加语音评论,然_uniapp replaykit

认识网络安全-程序员宅基地

文章浏览阅读618次。随着互联网的普及和信息技术的不断发展,网络安全已经成为个人、组织和国家安全的一个关键组成部分。在这里,我将向您介绍一些网络安全的重要知识点,以帮助您更好地了解如何保护自己和您的信息。多因素身份验证(MFA):MFA要求用户提供多个身份验证因素,如密码和手机验证码,提高帐户的安全性。攻击者在网页上插入恶意脚本,当用户访问页面时,这些脚本可能窃取用户的信息。防火墙是用于监控和控制网络流量的设备,可防止未经授权的访问和恶意流量。数据加密是将敏感信息转换为不可读的代码,以保护数据的机密性。

Android特殊窗口之输入法窗口的添加策略_moving im target from window-程序员宅基地

文章浏览阅读2.6k次,点赞4次,收藏13次。本篇基于Android Q代码根据AppWindowToken和WindowToken的添加流程和排序规则我们知道Android细分了四大窗口容器,分别是存储输入法相关的mImeWindowsContainers,存储系统窗口的mAboveAppWindowsContainers,存储应用窗口的TaskStackContainers,存储壁纸窗口的mBelowAppWindowsContaine..._moving im target from window

推荐文章

热门文章

相关标签