饲养背景图像固定响应式设计

如果你看看这里：饲养背景图像固定响应式设计

https://quirktools.com/screenfly/#u=http%3A//logan-gabriel.com&w=1600&h=900&a=1&s=1

有一个白色的小幅度在屏幕的右侧。这不应该是这样，因为背景图像应该固定在右边的所有权利。如果您尝试其他较小的分辨率，您会注意到这是行为。但是一旦屏幕达到这么大的宽度（1600px），它就会失败。

任何想法为什么会发生这种情况？

谢谢你们。

来源

2013-07-24 logeyg

具有u尝试下面的CSS？ –

嘿图像宽度设置为自动

#image 
{ 
width:auto;//you have set 40% which causes the issue 
}

来源

2013-07-24 05:27:35

这个工程时，水平扩展图像，但摆脱我的网页的流体布局的，所以当小屏幕使用左侧的内容不能被看到，因为背景覆盖起来。 – logeyg

您可以与followig

#image { 
    height: 100%; 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 100%; 
} 


#image img { 
    float: right; 
    width: 30%; 
}

来源

2013-07-24 06:31:14

有趣的效果，但不是我所期待的。 – logeyg

使用媒体查询尝试将宽度改为自动一旦屏幕进入了“大而全”大小

@media only screen and (min-width : 1430px){ 
    #image{ 
     width:auto; 
     } 
    }

来源

2013-07-30 17:24:39

饲养背景图像固定响应式设计

回答

相关问题