css背景图像被切入移动风景模式

我在建设 this landing page 在移动风景模式下，背景图像在滚动点被切割。css背景图像被切入移动风景模式

我该如何解决这个问题，以便在滚动页面时看到整个图像？ tnx

2015-07-21 DavSev

你的网站没有响应那么其分辨率你说什么？请为此解决方案提供解决方案解决方案 –

：max-width：1080px – DavSev

如果您有一个响应宽度属性，您可以使用'background-size：contains'来避免中断 – maioman

您可以使用srcset属性来定位不同的分辨率。如果您想将您的应用程序定位到所有类型的设备（大到小），则使用同一图像定位所有分辨率并不明智。

<picture> 
    <source srcset="img/extralarge.jpg, img/extralarge.jpg 2x" media="(min-width: 1000px)"> 
    <source srcset="img/large.jpg, img/large.jpg 2x" media="(min-width: 800px)"> 
    <source srcset="img/medium.jpg"> 
    <img srcset="img/medium.jpg" alt="Sample Test"> 
</picture>

在上面的代码中，我使用了3种不同类型的图像，目标是不同的分辨率。

此外，还可以使用响应图像查询的网址 http://alistapart.com/article/responsive-images-in-practice

来源

2015-07-21 07:30:28

css背景图像被切入移动风景模式

回答

相关问题