前言
现在是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');