Question

每当我使用旧的Macbook或计算机时，我的网站就会崩溃，页边距和背景图像只是垃圾。我知道问题出在我的背景图片上，但是我真的想保留这些元素，而且我看不到另一种放置这些元素的方法。我找不到用CSS放置它们的方法。

我已经尝试过分离背景图像和其他元素，并通过CSS将它们添加进来，但这超出了我的范围。

.index-background{
    background-image: url("../assets/img/index-background-3.svg");
    background-repeat: no-repeat;
    height: 425rem;
    width: 192rem;
}

我希望我的网站在任何分辨率下都能看起来不错

Answer 1

@media将在这里成为您的朋友。有了它，您可以针对不同的分辨率。

@media only screen and (min-width : 768px) and (max-width : 1024px) {
.index-background{ height: HEIGHTTHATWORKS FOR THESE RANGES;
width: WIDTHTHATWORKS; }}

如果浏览器的宽度等于或介于768像素至1024像素之间，则以上内容将更改索引背景的高度和宽度。

您也可以查看此内容... https://www.w3schools.com/cssref/css3_pr_background.asp。它将向您展示更改背景以填充区域所需的不同方式。

当我更改屏幕分辨率时，我的整个网站崩溃了，我该怎么办？

1 个答案: