移动端兼容问题

最新推荐文章于 2024-09-15 13:09:17 发布

写代码的贝塔子

最新推荐文章于 2024-09-15 13:09:17 发布

阅读量246

点赞数

分类专栏： css 文章标签： css html html5 css3 jquery

本文链接：https://blog.csdn.net/weixin_42556438/article/details/115709393

版权

这篇博客探讨了移动端常见的兼容性问题，包括键盘弹起导致背景图压缩、vant-field组件的文字垂直居中问题、iOS设备上input输入框验证码回填时的背景色异常、vant field组件校验失败时placeholder的样式调整，以及如何解决iOS下键盘弹起页面无法恢复的问题。

摘要由CSDN通过智能技术生成

移动端键盘弹起，背景图被压缩

使用vant-filed 文字垂直居中问题

ios input输入框验证码回自动回填输入框背景色变为黄色

// field样式 选择历史数据时的样式
input:-webkit-autofill{
   
  //box-shadow:0 0 0px 1000px rgba(54,71,130,0.1) inset!important;
  //-webkit-text-fill-color:#fff!important;
  -webkit-background-clip:text;
  background-color

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

写代码的贝塔子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

常见移动端兼容性问题

weixin_30764771的博客

07-31

8245

文章转自：https://zhuanlan.zhihu.com/p/28206065 1.IOS移动端click事件300ms的延迟相应移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分单机事件和双击屏幕缩放的历史原因造成的。解决方式： fastclick可以解决在手机上点击事件的300ms延迟 zepto...

移动端网站开发常见问题解决【知识点】

weixin_34402090的博客

12-15

183

安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可以 2.防止手机中页面放大和缩小 <meta name="viewpo...

参与评论您还未登录，请先登录后发表或查看评论

移动端开发如何处理兼容性问题？

最新发布

alankuo的专栏

09-15

488

例如，使用 -webkit- 、 -moz- 、 -ms- 、 -o- 等前缀。- 在不同的移动端设备和操作系统上进行测试，包括不同品牌和型号的手机、平板电脑等。- 对于一些老旧的移动端浏览器，可能需要提供降级方案。- 对于移动端开发，还可以使用一些专门的移动端调试工具，如 Weinre、VConsole 等，方便在手机上进行调试。- 例如，某些 CSS 属性在不同内核下的表现可能不同，需要针对不同内核进行特定的处理。- 例如，可以设置不同的字体大小、图片尺寸、布局方式等，以适应不同尺寸的手机屏幕。

【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)1

08-08

3. 移动端兼容问题： - 在移动设备上，由于浏览器内核和触屏事件的差异，例如iOS的Safari不支持`onmousemove`，而是使用`touchstart`, `touchmove`, `touchend`等触摸事件。开发者需要根据不同的设备和浏览器来适配...

css实现0.5px线条解决移动端兼容问题(推荐)

01-18

【内容】： 1. 利用background-image 渐变样式 2.可以利用scale缩放 3.给伪元素设置边框在这里插入代码片<!DOCTYPE html> <html> <head> <meta charset=utf-8>... /*1.... margin-top: 20

网页背景H5视频自动播放--PC端、移动端兼容问题完美解决方案.docx

10-26

### 网页背景H5视频自动播放—PC端、移动端兼容问题完美解决方案 #### 一、引言随着互联网技术的发展，越来越多的企业选择利用多媒体元素来提升网站的视觉效果和用户体验。其中，使用视频作为网页背景的方式...

移动端的兼容问题

qq_35729091的博客

03-28

2303

（1）针对这种问题，当时的产品的方案是要保留缓存，返回上一级页面时，会记住用户的筛选记录，对于安卓端的刷新页面的现象，当时的解决方案是将用户的筛选条件记录在sessionStorage里面，当返回上一级页面时，从缓存中读取记录，并重新请求。安卓：当你在当前页面使用wx.hideMenuItems()，会把你想要隐藏的菜单隐藏起来，当你跳转到新的页面时(也就是重新调用wx.config后)，你的隐藏了的菜单又会被重新显示出来，需要重新调用wx.hideMenuItems()，再次把你想要隐藏的菜单隐藏起来。

移动端兼容性问题

风舞红枫的个人博客

02-02

3040

移动端兼容问题归纳记录

移动端常见兼容问题

2202_75390830的博客

01-30

198

移动端常见的兼容问题

移动端兼容性问题集锦

坚信万物皆可切的切图仔

02-15

3626

去年主要工作就是混合开发，写app内嵌的h5。在开发期间多多少少遇到些兼容性问题，最近工作比较清闲，整理下方便以后查阅，也希望能帮助到一些同学。并且本文会持续补充内容，欢迎关注我，另外我会更新一些前端方面的其他一些知识。

浅谈实际中遇到的关于移动端兼容性问题

StoneVivi的博客

07-12

520

浅谈实际中遇到的某些css属性在移动端兼容性问题 w3cSchool中的css属性里对各种浏览器内核版本有相对比较详细的介绍，但是实际开发过程中，很多人应该不会真正关心是否支持，只有在测试的过程中，发现某些属性不支持时，又重新修改。而且在移动端的某些css属性的兼容性表现得和Pc端有些不一致。下面我将我在实际开发过程中遇到的一些问题整理如下： ...

移动端兼容性问题(建议码住，持续更新哦～)

草莓不爱吃白菜的博客

10-24

4049

最近开发移动端较多，整理了一下最近遇到的一些兼容问题 1.1px在移动端的解决方案最开始当然从移动端的兼容性适配开始了，关于的详细解释，在我上一篇博客中已经大概讲了一下，1px在移动端的解决方案，问题产生的原因就是在于不同dpr的设备上，1px的css样式像素会产生不同的效果。对于老项目，最好的解决方案可以使用css3中的transform结合伪类::af.........

一些移动端的兼容性问题及其解决方案

qq_39581763的博客

04-02

341

1. IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 双击缩放是指用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接<a hr...

移动端开发时兼容问题记录

野生松

10-14

112

一、IOS移动端click事件300ms的延迟响应原因：移动端双击缩放、双击滚动等移动端浏览器默认的行为设置，使得用户再执行这些操作时，会先判断用户是否触发默认行为的判断，导致移动端点击事件存在300ms的等待。解决方法： 1、禁用缩放，用户无法缩放 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> 2、fas