0

我现在正在为媒体查询而苦苦挣扎。我的项目存储在这里：http ://colorfill.pl/clients/ratuszowa

正如您在顶部看到的那样，有一张巨大的照片作为主要的顶部元素之一。我想要实现的是始终保持 100% 的图像。我做了一个非常愚蠢的方法。我把照片切成了几个文件（每个文件都有自己的宽度）。但是当我想将它放入媒体查询时出现问题..

我为这些分辨率准备了照片（现在只显示屏幕宽度）：768 1024 1280 1360 1440 1600 1920 2048 2560 就像我提到的 - 每个分辨率都有自己的 img。我已经尝试过这样的事情：@media only screen and (max-width: 1024px) { } @media only screen and (max-width: 1280px) { } 但图像显示仍然相同 - 最小。我做错了什么？

4

1 回答 1

0

对不起，我没有多少时间来测试这样的东西，因为只有在我可以得出任何结论之后才能对其进行测试，但是如果您将这些图像用作整页背景和您的 css 技能，请尝试查看这些链接达不到可能需要的东西。

1 . http://css-tricks.com/perfect-full-page-background-image/

2 . http://css-tricks.com/how-to-resizeable-background-image/

于 2012-08-11T15:43:02.663 回答