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

前言

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

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

实现思路:

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

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

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

报错信息与地方如下:

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

错误代码:

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

正确代码:

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

Safari浏览器不支持let声明的解决方式相关推荐

  1. Safari浏览器不支持……

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

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

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

  3. 苹果ios7越狱后Safari浏览器与天气闪退情况解决方法详解

    有部分果粉在ios7越狱之后,设备上系统自带的 邮件 / Safari 浏览器/ 天气 程序出现了闪退的情况,我们可以通过简单的几个步骤就可以修复这个问题. 下面先为大家介绍一个目前为止最有效的解决方 ...

  4. 浏览器自动旋转图片问题的解决方式

    我们在上传拍摄照片的时候 由于手机拍摄角度问题,照片有orientation属性存储旋转角度,在显示照片时,html标签不会对旋转做处理,会导致照片自动旋转了,而使用浏览器打开,由于浏览器会对旋转属性 ...

  5. 使用cef3开发的浏览器不支持flash问题的解决

    开发浏览器时遇到了flash的问题,网上搜了下,解决的方法基本是加npapi.ppapi,一开始奔着ppapi去的,没有解决,后来用的npapi,在项目的output下新建plugins文件夹,将 N ...

  6. 苹果手机浏览器 不支持line-height属性的解决方法

    在搞input输入框的时候在 苹果浏览器上有点奇怪 input{height: 35px;line-height: 35px; } <input type="text" pl ...

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

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

  8. 微信扫码提示在浏览器中打开的遮罩代码解决方式

    相信做前端的朋友一定都遇到这种情况的.当你的网页中有直接链接apk下载的时候会没有反映的.是因为在微信内是无法下载软件.手机APP等.那么这个时候一般的解决方案就是.必须要点击右上角三个点.选择&qu ...

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

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

最新文章

  1. 人民币升值与美元贬值
  2. QT的QMultiHash类的使用
  3. TDSQL在巴黎ICDE上设立展台,掌声送给它!
  4. java 模拟电梯_java模拟电梯运行简单实现,swing界面
  5. 网络配置_CentOS8 网络配置
  6. spark sql cache时发现的空字符串问题
  7. Pytorch学习笔记(7)——模型放GPU上经常报CUDA错该怎么办
  8. JavaScript入门一(JS基础知识)
  9. ubuntu 18.04安装微信
  10. 华人“芯片女神”苏妈的硅谷传奇之路
  11. 教你有效清理C盘空间不足的方法
  12. 10个经典的公开数据集+免费下载链接
  13. 去哪下载python项目_Python 项目实践二(下载数据)第三篇
  14. 金融量化?金融市场?股票? 来,告诉你这些都是什么
  15. 数据分析进阶必看干货!销售额下滑详细分析案例
  16. 如何利用计算机隐藏文件,如何查找隐藏的计算机文件夹
  17. 《算法笔记》第4章常用技巧及排序算法
  18. hr 0x800401f0 尚未调用 CoInitialize
  19. DCM4CHE处理多帧图像
  20. ora-600[kcbz_check_objd_typ]错误处理

热门文章

  1. C++泛型编程实现哈希表(开散列法)
  2. [蓝桥杯2019初赛]等差数列-数列
  3. 10进制转换成其他进制-短除法
  4. DDIA笔记—第六章 数据分区
  5. android 语音助手官网,breeno语音助手最新版
  6. 数据结构与算法--二叉查找树转顺序排列双向链表
  7. qiankun 微前端_qiankun 微前端应用实践与部署(二)
  8. selenium.common.exceptions.WebDriverException: Message: ‘chromedriver‘ executable needs to bein PATH
  9. 循环队列 队空、队满 条件
  10. 将有序数组转换为二叉搜索树