html - 背景图片全屏适配,无任何裁剪
问题描述
我正在尝试使用 css 设置全屏背景图像(1366x854)。我已经尝试过多种方式在网上偷看,但我无法按原样设置我的图像。是否可以在不切割零件的情况下将其全屏显示?下面的img只是一个原型,代码非常基础。提前致谢。
<!DOCTYPE html>
<html>
<head>
<title> LIVE </title>
<link href="css/Live.css" rel="stylesheet">
</head>
<body>
</body>
</html>
body {
background: url(Live.png) no-repeat center center fixed;
background-size: contain 100% 100%;
}
解决方案
推荐阅读
- azure-data-explorer - ADX VM 的 SKU 比较
- node.js - 我如何在邮递员中授权我的 jwt 令牌
- amazon-web-services - 何时为用户使用 IAM 角色与 IAM 组?
- javascript - 如何通过单击 jQuery 中的 html 表来添加任何行
- php - 在 Laravel 应用程序中访问全局变量的问题
- html - 鼠标悬停时如何更改图标
- java - 在 Collectors.mapper 循环内创建新对象?
- scala - 为什么无法在 ZIO 测试中提取变量中的图层
- android - 无法完成“广告”部分
- linux - 配置 Dockerfile 以运行 cronjob