如何在通过“Ctrl - ”或“Ctrl +”更改浏览器缩放时防止图像大小调整？

我正在使用滑块的jQuery插件，并希望滑块图像保持不变，如果我们更改浏览器的尺寸。下面的网站是效果的灵感。如何在通过“Ctrl - ”或“Ctrl +”更改浏览器缩放时防止图像大小调整？

2013-08-12 tamnana

不要这样做，这是不好的可用性实践，你的灵感也可以让我缩放顺便说一句。 – Tdelang

实际上这是要求。 – tamnana

请不要只发布一个链接到您的网站，因为它通常会给你一个标志，并关闭问题。这个问题也很难理解，因为在标题中你谈论的是缩放以及你谈论浏览器维度的问题（我认为它是视口） – sulfureous

如果要修复或冻结图像，只是给像素的图像％年龄值。无论放大还是缩小，这都将保持固定。

您可以使用This tool将您的像素转换为百分比。

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

编辑：另一种解决方案

我建议你使用Media Queries。它将使您能够使图像保持完整取决于响应性。

您应该应用与正在发布的图像相关的媒体查询。

我希望这会有所帮助。

2013-08-12 10:37:04 Nitesh

我相信这（问题）可能适用于浏览器放大级别，而不是浏览器窗口大小尺寸 –

嗯，我回答记住浏览器缩放级别，％年龄尺寸应使图像保持完整。 - @MichaelDurrant – Nitesh

我也一样认为Nathan，媒体查询是解决方案。 – tamnana

有这样的不正确的方式。我唯一可以提出的建议将需要JavaScript中的丰富的编程知识，即使如此，这也不能保证。除非它打破了页面，否则我不认为你需要担心这一点。而且你可能只是杀了试图阻止他重新调整用户的体验，您可以检查这个问题的一些解决方案，可能和我说这有盐威力的包帮助

2013-08-12 10:27:15

-1

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

希望它帮助

2013-08-12 10:28:01 Rahul

我试过，但它不工作@rahul – tamnana

在镀铬/基于WebKit的浏览器，你可以尝试zoom: reset; CSS规则

您也可以尝试将视相关单位到元素。 http://caniuse.com/viewport-units

2013-08-12 10:41:00 Maria

回答