css背景图像被切入移动风景模式
答
您可以使用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
你的网站没有响应那么其分辨率你说什么?请为此解决方案提供解决方案解决方案 –
:max-width:1080px – DavSev
如果您有一个响应宽度属性,您可以使用'background-size:contains'来避免中断 – maioman