H5移动端兼容性问题处理总结

embedded/2024/9/24 10:15:59/

1. 当设置样式overflow:scroll/auto时,IOS上的滑动会卡顿

-webkit-overflow-scrolling:touch;

2. 在安卓环境下placeholder文字设置行高时会偏上

input有placeholder属性的时候不要设置行高

3. 移动端字体小于12px时异常显示

应该先把在整体放大一倍,然后再用transform进行缩小

4. ios下input按钮设置了disabled属性为true显示异常

input[type=button]{ opacity:1 }

5. 安卓手机下取消语音输入按钮

input::-webkit-input-speech-button{ display:none }

6. IOS下取消input输入框在输入英文时首字母默认大写的问题

<input autocapitalize='off' autocorrect='off'/>

7. 禁用IOS和安卓用户选中文字

/*添加全局CSS样式:*/ -webkit-user-select:none

8. 禁止IOS弹出各种窗口

-webkit-touch-callout:none

9.禁止IOS识别长串数字为电话

<!-- 添加meta屆性 -->
<meta conten='telephone=no' name='format-detection'>

http://www.ppmy.cn/embedded/92874.html

相关文章

Scrapy爬虫框架介绍、创建Scrapy项目

Scrapy官网&#xff1a;https://scrapy.org/ 什么是Scrapy Scrapy 是一个基于 Python 的快速的高级网页抓取和网页爬取框架&#xff0c;用于抓取网站并从其页面中提取结构化数据。它可用于多种用途&#xff0c;从数据挖掘到监控和自动化测试。 Scrapy核心组件 1. Scrapy Engin…

2024.08.02校招 实习 内推 面经

地/球&#x1f30d; &#xff1a; neituijunsir 交* 流*裙 &#xff0c;内推/实习/校招汇总表格 1、校招 | 加入蔚来智能制造&#xff0c;在蔚来预见未来&#xff08;内推&#xff09; 校招 | 加入蔚来智能制造&#xff0c;在蔚来预见未来&#xff08;内推&#xff09; 2、…

使用s3cmd 2.x 与 Cyberduck 管理在 DigitalOcean Spaces 对象存储中的数据

有很多用户在使用 DigitalOcean Spaces 对象存储的过程中&#xff0c;还没有找到一个合适的数据管理工具。其实目前有很多开源工具都可以使用&#xff0c;比如 s3cmd、Cyberduck、rclone、transmit5。Cyberduck 提供了直观的图形用户界面&#xff0c;而 s3cmd 2.x 则擅长于批处…

【Redis】全局命令/内部编码/浅谈单线程模型

目录 前言 两个核心命令 GET和SET 全局命令 KEYS EXISTS DEL EXPIRE TTL TYPE 数据结构的内部编码 Redis的5中数据类型 Redis数据结构和内部编码 单线程架构 前言 Redis 提供了 5 种数据结构&#xff0c;理解每种数据结构的特点对于 Redis 开发运维⾮常重要&a…

计算机网络-CSP初赛知识点整理

历年真题 [2016-NOIP-普及-第3题] 以下不属于无线通信技术的是( ) A. 蓝牙 B. Wifi C. GPRS D. 以太网 [2015-NOIP-普及-第10题] FTP 可以用于( )。 A. 远程传输文件 B. 发送电子邮件 C. 浏览网页 D. 网上聊天 [2019-CSP-J-第1题] 中国的国家顶级域名是( ). A. .cn B. .ch C.…

视频美颜SDK与直播插件的实现原理及优化方案详解

今天&#xff0c;小编将深入探讨视频美颜SDK与直播插件的实现原理&#xff0c;并提供一些优化方案。 一、视频美颜SDK的实现原理 视频美颜SDK主要依赖于图像处理技术&#xff0c;借助实时滤镜、图像增强和人脸检测等算法&#xff0c;为用户提供动态的美颜效果。其核心实现原理…

大模型笔记5 Extractive QA任务评估

目录 Extractive QA任务评估 Extractive QA评测指标 precision, recall, f1 ROUGE 划分训练与评估数据集 token位置评估 单个token位置评估 输入label的token位置 预测token位置 评估 Wandb 共享机器同时登录 样本类别平衡 标记token label时对窗口进行筛选 训练…

JavaEE: 查看线程信息

示例用代码 public class Main {static class MyThread extends Thread {Overridepublic void run() {while (true) {System.out.println("hello thread");try {Thread.sleep(1000);} catch (InterruptedException e) {throw new RuntimeException(e);}}}}public st…