任何屏幕尺寸的完整图像尺寸
发布于2023-11-12 15:32 阅读(1189) 评论(0) 点赞(26) 收藏(5)
当我在笔记本电脑上运行代码时，img 将全屏显示。但是当我在更大的屏幕尺寸上运行它时，它会出现双倍：在此处输入图像描述
这是我使用的CSS代码：
body {
background: url(pic.jpg);
background-size: cover;
background-position: center;
font-family: Lato;
color: white;
}
html {
height: 100%
}
有人可以帮我解决 img 在任何屏幕尺寸上都应全屏显示的问题吗？
解决方案
将以下样式添加到您的代码中以避免重复图像：
background-repeat:no-repeat;
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/532014/62c8894e482e0752bf55/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力