某些分辨率后图像会停止缩放

时间:2014-04-15 05:51:21

标签: html css stylesheet

我试图理解为什么在网页上我处理图像会在达到某个分辨率后停止缩放。如果您在此处手动调整浏览器尺寸,我们会明白我的意思:http://bit.ly/1nnzqeB

任何人都可以帮助推断导致这种情况的原因吗?

2 个答案:

答案 0 :(得分:1)

因为最大缩放百分比有限。在铬的情况下,它是500%

答案 1 :(得分:1)

很抱歉,但目前的做法可能无法实现。

如果你总是希望它是视口宽度的100%,我强烈建议不使用background的CSS属性。请改用img标记。您已经在使用Bootstrap(通过演示的外观)。因此,请使用img标记,并将其命名为img-responsive

DEMO WITH BOOTSTRAP

以下是您的图片示例以及如何将其实施到项目中。如果您需要在图片上放置任何文字(例如您的示例),只需使div或标题标记的位置z-index或{{1}位置更高relative }。如果你需要,我可以提供一个例子。

DEMO WITH YOUR IMAGE