所以,我也读了这篇文章,这很好:http ://css-tricks.com/perfect-full-page-background-image/
我想出了一个解决方案,它似乎在 500px 和 1824px 处有效,但在 1024px 处,背景图像变得比原始文件大得多,这是我目前在 drop-basic.css 文件中的代码:
body {
background-image: url("images/SQlarge.svg");
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen
and (max-width : 1024px)
{
body {
background-image: url("images/SQ1024.svg");
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
}
}
@media only screen
and (max-width : 500px)
{
body {
background-image: url("images/SQmobile.svg");
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
}
}
img, audio, video, canvas { max-width: 100%; }
.container {
max-width: 80em;
width: 88%;
margin-left: auto;
margin-right: auto;
}
您可以在 www.ververserver.com 上查看该站点,感谢您对此提供的任何帮助!谢谢