所以我有一个大背景1920 * 3500的页面,我使用了这个:
background-image: url(Images/Background%20work/Background-Liquified-home2.jpg);
background-size: cover;
background-repeat: no-repeat;
当有人在分辨率较低的显示器上打开它时自动调整大小,问题是如果我最后没有放置图像或文本我不能滚动到那里,所以我插入了一个图像到结束了它没关系,但当我切换到分辨率较低的显示器1920 * 1080时,图像不在背景中。 那么,我可以让它滚动到壁纸的尽头吗?
答案 0 :(得分:0)
使用媒体屏幕,并将background-size:auto设置为较低分辨率。
@media (min-width: 1280px) and (max-width: 1979px) { ... }
答案 1 :(得分:0)
没有名字
图片/背景%20work /背景 - 液化 - home2.jpg
更改强>
这是在空格 %20
图片/背景/背景 - 液化 - home2.jpg 强>
background-image: url(Images/Background/Background-Liquified-home2.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment:fixed;
答案 2 :(得分:0)
Marco Pellicciotta:如果使用脚本,可以调用document.body.clientWidth属性来获取客户端浏览器的特定宽度,并以动态方式更改背景图像。