背景图片+媒体查询

时间:2012-08-11 07:53:33

标签: css background media-queries

我正在努力解决媒体问题。我的项目存储在此处:http://colorfill.pl/clients/ratuszowa

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

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

1 个答案:

答案 0 :(得分:0)

对不起,我没有多少时间来测试这样的东西,因为它必须经过测试才能得出任何结论,但是如果您将这些图像用作整页背景,请尝试查看这些链接。你的css技能不足以满足要求。

<强> 1 即可。的 http://css-tricks.com/perfect-full-page-background-image/

<强> 2 即可。的 http://css-tricks.com/how-to-resizeable-background-image/