程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

响应式图像背景尺寸封面

发布于2023-12-26 22:15     阅读(208)     评论(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/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

30 0
收藏该文
已收藏

评论内容:(最多支持255个字符)