大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂

前言

现在是2022年1月7日16:19:38,前几天用publiccms改了个网站,因为客户那边各种机型都有(各PC端的分辨率也都不一样),所以导致页面呈现的效果也不一样,跑版的、显示不出来的、有遮挡的,各种问题层出不穷,以前也是为了省事,没有做要多的自适应,所以问题都出来了。

经过几天的反复修改,终于改的差不多了,但是又遇到了个问题,客户那边还有个苹果机型。用的浏览器是Safari,上去之后又乱板了……

实现思路:

好在跑版的地方也不多,就是一个表单的搜索框默认提示信息太靠上了,加了个line-height就搞定了。

image-20220107162512496

但是还有个问题,之前写的下拉宽屏效果,在其他浏览器上没有问题,但是在Safari上面就出不来,调试了半天,加高、加背景色、分析原因……

最后发现原来是有个**js**报错了。

image-20220107162653039

报错信息与地方如下:

image-20220107162750342

于是我就猜想是不是let的原因,难道这个浏览器不支持let声明吗?改成了var试了下,可以了。

错误代码:

let i = $(this).attr('data-i');

正确代码:

var i = $(this).attr('data-i');

Safari浏览器不支持……相关推荐

  1. 关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

    关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案 参考文章: (1)关于 Safari 浏览器不支持 ...

  2. Safari浏览器不支持let声明的解决方式

    大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂 前言 现在是2022年1月7日16:19:38,前几天用publiccms改了个网站,因为客户那边各种机型都有(各PC端的分辨率也都不一样),所以导 ...

  3. 【学习笔记】关于苹果Safari浏览器不支持sessionStorage的问题

    今天做了一个页面,其中需要选择一个列表,然后点击下一步的时候传给下一个页面.我用sessionStorage在第一个页面储存,第二页页面读取.安卓4.1,FF 52.0, IE 8 都没问题,唯独 i ...

  4. 让苹果iOS的手机iPhone和电脑Safari浏览器支持油猴脚本

    iPhone手机端使用油猴脚本教程:可以看这篇教程https://xiaoshen.blog.csdn.net/article/details/129695622 Mac电脑端使用教程 官方的AppS ...

  5. 拖拽或点击上传(支持苹果safari浏览器)

    <input type="file" value="上传">  拖拽或点击上传(在safari浏览器不支持拖拽),主要解决safari浏览器的拖拽问 ...

  6. 真的,我现在特讨厌 Safari 浏览器!

    点击关注公众号,回复"1024"获取2TB学习资源! 作者|Scott Gilbertson 编译|核子可乐.燕珊 苹果的 Safari 浏览器在支持 Web 功能方面远远落后于其 ...

  7. Safari 浏览器 16.0 发布(含独立安装包下载)

    请访问原文链接:https://sysin.org/blog/apple-safari-16/,查看最新版.原创作品,转载请保留出处. 作者主页:www.sysin.org 之前 Safari 浏览器 ...

  8. 解决safari浏览器打开页面会报错` Invalid Date`问题

    使用 <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" formControlName="star ...

  9. Safari支不支持HTML5录音? 现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API。...

    先放结论:Safari支不支持HTML5录音? --据我调查,不支持. 现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API. 可是当使用Can I us ...

最新文章

  1. Linux zip-tar.gz 压缩解压
  2. 看了毁你三观的PCB设计理论 高速PCB外层还要不要覆铜了
  3. 前端学习(3057):vue+element今日头条管理-回顾
  4. 计算机专业刚毕业本科生,计算机专业应届本科毕业生自我鉴定
  5. React-Native测试报告
  6. python编程(orm原理和实践)
  7. 《FLUENT 14流场分析自学手册》——1.3 附面层理论
  8. POJ 3744 Scout YYF I:概率dp
  9. 波形发生器——方波三角波正弦波
  10. Sensor--Gyro工作原理
  11. 进程系列(一)-进程基本概念
  12. 雷曼另类“死因”:巴菲特漏看求救短信
  13. 2020 乐山师范学院新生程序设计大赛题解
  14. Firefox火狐浏览器主页被360篡改了
  15. 对彩色花图像进行分类-基于R语言的Keras实现
  16. java数组找出重复元素及次数_Java查找数组重复元素,并打印重复元素、重复次数、重复元素位置...
  17. android调用相机分辨率,Android菜鸟笔记-获取摄像头像素值
  18. OTRS安装使用系列之三——不同的OTRS…
  19. OpenFlow——抓包packet_in和packet_out消息
  20. 顺丰菜鸟大战 本质是以数据获得企业竞争壁垒

热门文章

  1. POJ 3984 迷宫问题
  2. [蓝桥杯2017初赛]贪吃蛇长度-模拟(水题)
  3. GCD and LCM Aizu - 0005(辗转相除)+GCD LCM Inverse POJ - 2429(java或【Miller Rabin素数測试】+【Pollar Rho整数分解】)
  4. Minimize the Permutation CodeForces - 1256(贪心)
  5. c语言枚举类型例题_[开源资讯]Zig 0.6.0 发布,想要挑战 C 语言
  6. maven排除依赖冲突问题
  7. 欧拉心算(反演 + 积性函数筛)
  8. P2764 最小路径覆盖问题(网络流)
  9. 牛客题霸 [ 集合的所有子集] C++题解/答案
  10. CF1481F-AB Tree【构造,背包】