响应式图像背景尺寸封面
发布于2023-12-26 22:15 阅读(375) 评论(0) 点赞(30) 收藏(0)
我正在尝试使用图像作为背景作为封面。但在不同的窗口大小下图像显示有所不同。我尝试在 chrome 上的开发者工具上查看。在我的图像上有曲线形状，对于大屏幕和移动设备来说，它看起来完全不同。
我想在所有窗口大小下以相同的外观显示图像。这是我的 CSS 代码。
background-image:url(../wp-content/uploads/2018/06/footer-wave-img.png);
background-repeat: no-repeat;
background-size: cover ;
height:auto;
请告诉我我必须做什么。
解决方案
对于我构建的几个网站，这就是我用于响应式大型网站的方法background-image
img {
height: auto;
width: 100%;
background-image: url(../wp-content/uploads/2018/06/footer-wave-img.png);
background-position: 0%, 0%, 50%, 50%;
background-size: auto, cover;
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/533299/698848443a0bb3d46f9b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力