如何在JS和CSS中使背景图像不响应?

6ju8rftf  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(110)

我希望我的背景图像的大小是在显示器的分辨率(100%)的大小,不希望它是响应一样,我不希望它缩小,而我缩小浏览器的大小,我希望它是可滚动的,当我缩小浏览器的大小。我有点新的编码,任何帮助将不胜感激,这是我所得到的,谢谢。

.bg {
    background-image: url("pic.png");
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: scroll;
}
ozxc1zmp

ozxc1zmp1#

你可以用一点javascript来实现这一点。为宽度和高度创建CSS变量,并在javascript中使用screen.widthscreen.height来设置它们。
第一个
请记住,此方法不会保留图像的纵横比。解决此问题的一种方法是仅设置图像的宽度或高度(取决于哪个更大)。

相关问题