2

我正在为滑块使用 jQuery 插件，如果我们更改浏览器的尺寸，我希望滑块图像保持不变。下面的网站是效果的灵感来源。

www.beoplay.com

4

4 回答 4

3

没有万无一失的方法可以做到这一点。我可以提出的唯一建议将需要广泛的 javascript 编程知识，即使那样，也不能保证这会奏效。除非它破坏了页面，否则我认为您无需担心这一点。此外，您可能会通过尝试阻止用户重新缩放来杀死用户的体验您可以检查这个问题以获取一些可能的解决方案，我说这用一包盐可能会有所帮助

在 JavaScript 中捕获浏览器的“缩放”事件

于 2013-08-12T10:27:15.473 回答
1

如果要修复或冻结图像，只需以像素为单位给出这些图像的 %age 值。无论放大或缩小，这都会使其保持固定。

您可以使用此工具将像素转换为百分比。

希望我希望这会有所帮助。

编辑：替代解决方案

我建议你使用媒体查询。它将使您能够根据响应能力使图像保持不变。

您应该应用与问题图像相关的媒体查询。

我希望这有帮助。

于 2013-08-12T10:37:04.967 回答
0

在基于 Chrome/webkit 的浏览器中，您可以尝试zoom: reset;CSS 规则

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW15

您还可以尝试将视口相对单位添加到您的元素。https://caniuse.com/#feat=viewport-units

于 2013-08-12T10:41:00.157 回答
-1

如果你想保持图像的大小固定，你可以简单地使用 css 来保持宽度和高度固定，你也可以将位置设置为固定，这将帮助你保持图像不移动。

希望它有所帮助

于 2013-08-12T10:28:01.100 回答