gpt4 book ai didi

html - Bootstrap 4 背景颜色在 Chrome 上看起来完全不同

转载 作者:行者123 更新时间:2023-11-28 02:43:06 25 4
gpt4 key购买 nike

当我尝试设置背景颜色时,Firefox 看起来完全没问题。但在 Chrome 上,它做了一些奇怪的事情。

我将正文背景颜色设置为蓝色,它看起来就像我在使用 Firefox 时期望的那样。但是 Chrome 似乎将主体颜色设为浅蓝色而不是蓝色,并且在我创建的示例超大屏幕周围有一个紫色框。起初我以为容器有某种奇怪的背景属性,使它看起来像那样,但在将容器的背景颜色设置为红色后,我发现紫色框甚至不是容器。我不太确定那个紫色盒子是什么。这是怎么回事?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= device-width, initial-scale = 1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<title>Bootstrap</title>
</head>
<body style="background-color: #0000FF">

<div class="container" style="background-color: red;">
<div class="jumbotron"><h1>Jumbotron</h1></div>
</div>

</body>
</html>

第一张图片是Chrome,第二张是Firefox

Chrome

Firefox

最佳答案

这个背景是用 CSS 制作的,可能只是不同渲染引擎处理它的方式不同(一个用于 firefox,一个用于 chrome)。如果您希望它在每个浏览器中都完美呈现像素,使用图像。我认为在 CSS 中实现浏览器之间的微小差异是值得的。

关于html - Bootstrap 4 背景颜色在 Chrome 上看起来完全不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47067132/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com