JavaScript覆盖效果背后的图像。

时间:2016-08-08 18:48:35

标签: javascript jquery html css image

背景:我有一页图片,这些图片在移动设备上显示在一列中。那么当用户第一次访问我的页面时,我会弹出一个JavaScript,询问他们是否想要在邮件列表中。

我的问题:在手机中弹出窗口覆盖图像时,它们的宽度均为960px;但在弹出窗口之前,所有图像都会为移动设备加载正常大小。因此图像加载正常一秒钟,直到弹出窗口加载。最后,当弹出窗口关闭时,图像不会调整大小,直到您更改浏览器的方向或调整其大小(如果在桌面上播放)。

问题:如何测试正在拉伸的图像的内容?我可以在JS中添加一个监听器来在每次宽度变化时更新控制台吗?我可以告诉谁更新他们的宽度是谁或什么?

1 个答案:

答案 0 :(得分:0)

长篇故事我遇到的问题非常简短,因为弹出模式是在页面的HTML标记中添加一个类。该类“无滚动”是设置位置:固定为HTML标记。出于某种原因,当这种情况发生并且模式在舞台上弹出时,背景中的所有可视图像都会拉伸,好像它们是在桌面上观看而不是移动的。从无滚动类

中删除该属性后

这是一个非常随机且问题很少的问题,应该在被问到之前进行更多研究。