能用，但必须配合 background-image、background-repeat、background-position 及 min-height: 100vh 才生效；单独写无效，且路径需加引号、避免复合属性覆盖。
background-size: cover 在内联样式里能用吗
能用，但必须配对 background-image 和 background-repeat 才生效。单独写 background-size: cover 在内联 CSS 中不会报错，但浏览器可能直接忽略——因为没有图可“缩放”。
-
background-image必须是有效的 URL（含引号），比如url("hero.jpg")；路径错误或漏引号会导致整条 background 声明失效 -
background-repeat: no-repeat要显式写上，否则默认平铺，cover就没意义 - 别用
background复合属性写在内联里试图一并设置——容易因顺序/缺失值导致background-size被重置为auto
内联写全屏背景的最小可行代码
要真正铺满视口且不拉伸变形，得靠 cover + center/center 定位 + 固定尺寸约束。只靠 background-size: cover 不够。
- 必须给元素设
height: 100vh或min-height: 100vh，否则高度由内容撑开，背景图只覆盖内容区 -
background-position: center center防止图偏移，尤其在宽高比和窗口不匹配时 - 推荐写法：
style="background-image: url('bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 100vh;"
为什么 background-size: 100% 100% 不等于 cover
100% 100% 是强制拉伸填满容器，会严重变形；cover 是等比缩放后裁剪，保持原图比例。
- 用
100% 100%：一张 4:3 的图在 16:9 屏幕上会被横向压扁、纵向拉长 - 用
cover：图会放大到短边刚好填满，长边超出部分被裁掉——这才是“全屏背景”的实际效果 - 如果想保留全部内容不裁剪，该用
contain，但它会在四周留白，不是“全屏”
移动端适配常被忽略的坑
iOS Safari 和部分安卓 WebView 对内联 background-size 的解析更严格，漏掉任意一环就回退到默认行为。
立即学习“前端免费学习笔记（深入）”；
- 确保图片本身分辨率足够高（至少 1920×1080），否则
cover放大后出现像素化 - 不要依赖
background-attachment: fixed做视差——内联里加了也大概率无效，且影响滚动性能 - 如果页面有滚动条，
100vh在 iOS 上可能计算不准（地址栏收起/展开时），稳妥做法是加 JS 动态设高度，或改用min-height: 100dvh（支持较新浏览器）
url(bg.jpg)（缺引号）或者忘了 min-height: 100vh，结果在桌面看着好好的，一上手机就只剩顶部一条背景带。 
