H5 这些细节在 Chrome 中是模拟不到的

作者:vkvi 来源:千一网络(原创) 日期:2018-8-11

Chrome 可以模拟手机访问网页,但是有些问题是模拟不到的。

1、高度

Chrome 模拟的尺寸是屏幕的尺寸,但是手机中有时间、信号那一栏占了高度,AppBar 占了高度,App 底部可能也会占用高度。

2、软键盘

手机中输入时会弹出软键盘影响布局,但是 Chrome 中没有,有时候一些细节就容易被忽略。

3、最坑的自动高度

这才是最坑的。假如一个 img,我们指定了宽度,高度是自动的,那么我们在 Chrome 中看到的高度就是根据图片比例和宽度算出来的高度。

但是在手机中,这个高度很可能是 0!!所以我们常常这么干:height = $(".img").width() * HEIGHT / WIDTH,而不是 height = $(".img").height()。即使代码中放在 $(window).ready() 也是如此。

不过你可以尝试一下 $(window).load(),据说这个是所有图片、CSS 等加载完了执行,而 $(window).ready() 仅仅是 HTML 加载完执行。

你前面那位网友看了:SQL Server 要让远程连接起作用的三个步骤

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他