Question

我在html和css中遇到问题，我在弹出窗口中使用了bg图像，其大小为500px宽度和400px高度; 其中有一个可滚动的文本。但问题是，如果我减少浏览器的大小，它会变形。如果我可以根据浏览器大小制作可扩展的背景并根据该文本，请帮助我。

由于 Mayur Mate

Answer 1

如果在不使用某些JS的情况下将其定义为CSS的一部分，则无法缩放背景。在下面的示例中，背景的黑色部分将使用浏览器窗口缩放/调整大小，但图像不会; img会很高兴地坐在@ top：0，left：0，渲染1：1然后嘲笑你。

    /* Black will scale, images does not */
    #someDiv {
    display:block;
    width:100%;
    height:100%;
    background:#000 url(someImage.jpg) 0 0 no-repeat;
    }

如果您因任何原因需要在CSS中使用背景图片，请阅读此http://css-tricks.com/perfect-full-page-background-image/以了解如何使用JS管理缩放CSS背景

或

如果您将背景定义为 img ，那么您有更好的机会，甚至不需要来使用JS（尽管您可能应该这样做）保持比例/规模）。

可伸缩的背景图像的弹出窗口。 html，css

1 个答案: