主要用于网页端开发页面,图片需要适应手机屏幕大小的场景(但是不推荐手机和PC端使用一套前端)
一 效果图
二 代码
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>图片自适应</title><style>body {background-image: url(image/那片蓝.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;height: 100vh;margin: 0px;padding: 0px;}</style></head><body><div style=""></div></body></html>
三 总结
希望对你有所帮助
参考文章:移动端背景图片铺满屏幕