Css 背景图像+;媒体查询

Css 背景图像+;媒体查询,css,background,media-queries,Css,Background,Media Queries,我现在正为媒体的质疑而挣扎。我的项目存储在这里: 正如你在顶部看到的,一张巨大的照片是最主要的元素之一。我想要实现的是始终保持100%的形象。我做了一个非常愚蠢的方法。我把照片切成几个文件(每个文件都有自己的宽度)。但当我想把它放到媒体查询中时,问题就出现了 我准备了这些分辨率的照片(目前仅显示屏幕宽度): 768 1024 1280 1360 1440 1600 1920 2048 2560 正如我提到的,每个决议都有自己的img。我试过这样的东西: @仅媒体屏幕和(最大宽度:1024px){

我现在正为媒体的质疑而挣扎。我的项目存储在这里:

正如你在顶部看到的,一张巨大的照片是最主要的元素之一。我想要实现的是始终保持100%的形象。我做了一个非常愚蠢的方法。我把照片切成几个文件(每个文件都有自己的宽度)。但当我想把它放到媒体查询中时,问题就出现了

我准备了这些分辨率的照片(目前仅显示屏幕宽度): 768 1024 1280 1360 1440 1600 1920 2048 2560 正如我提到的,每个决议都有自己的img。我试过这样的东西: @仅媒体屏幕和(最大宽度:1024px){} @仅媒体屏幕和(最大宽度:1280px){}
但是图像显示仍然是一样的——最小的。我做错了什么?

很抱歉,我没有太多时间来测试这样的东西,因为只有这样我才能得出任何结论,但请尝试查看这些链接,以防您将这些图像用作整页背景,并且您的css技能达不到要求

1


2

将css放在此处。查询的顺序很重要。@devundef:给你:规则没问题。您使用的是最小宽度,并将规则从最小屏幕放置到最大屏幕。如果你调整窗口大小,它甚至在桌面上也不起作用?谢谢尼娜-我当然知道这些url,但在我的情况下,我需要通过背景:/css来做。没有标签。