我希望我的背景图像的大小是在显示器的分辨率(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;
}
1条答案
按热度按时间ozxc1zmp1#
你可以用一点javascript来实现这一点。为宽度和高度创建CSS变量,并在javascript中使用
screen.width
和screen.height
来设置它们。第一个
请记住,此方法不会保留图像的纵横比。解决此问题的一种方法是仅设置图像的宽度或高度(取决于哪个更大)。