兼容safari浏览器遇到的坑~~~~~

最新推荐文章于 2022-05-25 14:13:21 发布
最新推荐文章于 2022-05-25 14:13:21 发布
阅读量2.5k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45266779/article/details/94572676
版权

今天测试哥哥丢过来一个小bug，说是在safari浏览器下表单验证的错误提示出不来，看了半天百思不得其解，后经对面精通css的设计师MM的提醒下，做了如下修改，bug竟神奇的解决了，上图~~

修改前
在这里插入图片描述
修改后
在这里插入图片描述

Rachel.cao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
JS中Safari浏览器中的Date
10-19
然而，在不同的浏览器中，Date对象的处理方式可能存在差异，尤其是在Safari浏览器中。本文主要探讨了在Safari中处理Date对象时遇到的问题以及解决策略。 首先，一个常见的问题是在创建Date对象时使用"-"分隔的日期...
为了解决在safari浏览器video标签无法播放视频的问题
08-10
总结来说，解决Safari浏览器`<video>`标签无法播放视频的问题主要涉及理解浏览器对视频格式的支持情况，提供多格式视频源，使用JavaScript库增强兼容性，以及检查用户的浏览器设置。对于开发者来说，熟悉这些技术和...
safari中flex布局时img宽高等比缩放自适应问题
谁说学美术将来只能卖画了，我也有自己的梦想。
12-22 995
图片的父元素设置 align-items:center; 就好了
Safari浏览器display: flex布局错乱，Chrome布局正确
weixin_43473561的博客
05-25 1312
Safari浏览器display: flex布局错乱，Chrome布局正确 display: flex; align-items: center; justify-content: end; chrome显示结果 Safari显示结果 这个时候只需要把justify-content: end替换成 justify-content: flex-end就可以了 所以在开发当中，不管是justify-content还是align-items时都因该将start替换为flex-start ,end 替换为fl
mac 复制文件到/System/Library/Frameworks 目录报错
weixin_34239592的博客
04-04 3153
mac book 中复制文件到/System/Library/Frameworks 目录报错 解决方法: 重启电脑,长按Command+r 打开utility中终端 执行如下命令: csrutil disable reboot 我是什么情况遇到这个问题的呢? 安装高版本的Python时 原先系统已经安装了Python...
关于遇到兼容Safari的一些坑
项小莫的博客
06-14 2355
最近开发的adsb数据可视化页面中关于日期输入框部分，在Safari上测试时，发现Safari不能识别 "2017-09-12" 这样的日期格式，通过查询资料得知，Safari只支持 "2017/09/12"这样的格式。 [code="java"]var date = new Date(Date.parse(expireDate.replace(/-/g, "/"))); [/code] 避...
浏览器兼容资料
12-01
这个压缩包文件"浏览器兼容资料"包含了帮助开发者解决这个问题的重要资源，包括文档说明和实例。 首先，我们要理解浏览器兼容性的本质。不同的浏览器由不同的公司开发，它们可能对Web标准的支持程度不一，有的...
CSS-浏览器兼容实战.pdf
08-27
实战篇则会进一步介绍如何通过CSS解决实际遇到的兼容性问题，提供工作流程和具体策略，帮助开发者在不同浏览器间实现一致的显示效果。这可能涉及到使用hack技巧、条件注释、前缀、重置CSS等方法，确保样式在各个...
浏览器兼容性测试5大浏览器
03-29
### 浏览器兼容性测试的重要性与挑战 随着互联网技术的发展和用户需求的多样化，确保网页在不同浏览器和设备上能够正常显示变得尤为重要。本文基于《浏览器兼容性测试：5大浏览器》一文，深入探讨浏览器兼容性测试...
js,html在safari浏览器中兼容问题及解决方法记录
一给窝里Giao的博客
03-23 2483
1.在safari中非点击元素的标签不能触发自动点击 比如div span a标签等 解决方法： 1.只有input和button元素在所有浏览器中有点击事件（最简单的办法，使用这两个元素代替） 2.使用dispatchEvent来触发 dispatchEvent 2.a标签在safari中无法下载 解决方法： 1.标签不能加display:none; 2.用事件冒泡触发，参考问题一 3.in...
flexbox布局兼容性写法
热门推荐
cc蒲公英的博客
08-05 2万+
一、flexbox布局（弹性布局） 1.指定flex布局 { display:flex;                           display: -webkit-flex; /* Safari */} 行内元素 { display:inline-flex} 注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
当在Iphone Safari中使用sort的排序函数失败
懒人改变世界
06-27 4106
其实本来只是打算颠倒数组中元素的顺序的，当时用了sort。虽然本来就不是最佳解决方案，但是还是用了，并且华丽丽的在iphone中没干活。查了半天说Safari不支持排序函数，本来用reverse替换掉sort也就罢了，你看我这小暴脾气，非要搞一搞。代码虽说是网上找的，其实思路给我的差不多的，就是重写sort自己排序一下，不过网上顺便看到了IE9里也很挫，感觉稍微平衡了一点。上代码：;(functio
苹果safari支持flex布局
08-10 1017
今天突然发现flex布局不支持safari 解决办法 .page-wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ displa...
iphone safari浏览器CSS兼容性的解决方案集合
wangchaoqi1985的博客
07-08 2832
iphone safari浏览器CSS兼容性的解决方案集合
jupyter notebook可以兼容哪些浏览器
最新发布
07-17
Jupyter Notebook 可以兼容以下主要浏览器： 1. Google Chrome 2. Mozilla Firefox ...如果您遇到与特定浏览器相关的问题，请尝试在其他浏览器上运行 Jupyter Notebook，以确定问题是否与特定浏览器有关。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值