背景图像在特定浏览器宽度下变得敏感

问题描述:

我有一个大背景图像,它是我对桌面的特定高度和宽度。我使用背景位置中心顶部atm,所以我可以看到整个图像,但宽度会随着浏览器宽度的减小而裁剪。背景图像在特定浏览器宽度下变得敏感

图像的一个特定中心部分是焦点,所以一旦我达到特定的浏览器宽度(大约1000像素 - 图像在宽度上裁剪的地方),我就会喜欢该可视区域图像来响应移动设备,保留浏览器所指定的可见裁剪宽度......这可能吗?

非常感谢

+0

u能请添加相应的代码片段,从而达LL B容易分析 –

我不知道你是什么意思完全相同,但我认为你要使用的媒体屏幕。

@media screen and (max-width:1000px) { 
     img{ 
      width:100%; 
     } 
    } 

回复的帖子,如果你的意思是别的东西,我会帮助你:)

+0

能否请你离开代码,所以我可以解决我希望在JSfiddle –

+0

您好,我认为您可能是正确的,这是我所需要的,但是,我希望图像保留它的裁剪(从浏览器宽度较小),所以我可能只是需要设置更大的图像宽度。如果这能解决它,会让你知道。谢谢 - 道歉,上次评论在发布时不完整 – Goardo