CSS居中裁剪图像小于最小宽度
的方法是使用CSS的background属性和background-size属性来实现。具体步骤如下：
- 首先，创建一个容器元素，可以是div或其他块级元素。
- 设置容器元素的宽度和高度，以及最小宽度。
.container {
width: 300px;
height: 200px;
min-width: 200px;
}- 使用CSS的background属性设置背景图像，并将背景图像居中。
.container {
background: url('image.jpg') no-repeat center center;
}- 使用CSS的background-size属性设置背景图像的尺寸。
.container {
background-size: cover;
}这样，当图像的宽度小于容器的最小宽度时，背景图像会被裁剪并居中显示在容器中。
优势：
- 使用CSS来实现图像的居中裁剪可以避免使用额外的HTML元素或JavaScript代码。
- 通过设置最小宽度，可以确保图像在小尺寸设备上也能正常显示。
应用场景：
- 在响应式网页设计中，当图像的宽度小于容器的最小宽度时，使用居中裁剪可以保持图像的比例并确保图像在不同设备上的显示效果一致。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
相关·内容
我有一张1920像素宽的图像。当它的宽度大于1024像素时，我希望它在浏览器窗口中居中显示和裁剪。当浏览器宽度小于1024时，图像应居中并裁剪为1024像素，然后将大小调整为浏览器宽度。
我不知道该怎么做，也没有在互联网上找到任何解决方案。有没有人能告诉我怎么做，或者举个例子？
浏览 0提问于2016-05-01得票数 1
3回答
如何告诉图像保持居中- CSS
、、、、
我正在建立一个网站，我正在使用2000px宽的图像。我希望图像在宽屏幕上可见(就像我的用电视作为显示器的屏幕一样)，但较小的屏幕只能看到足够大的图像。(其余部分将被裁剪)。问题是，无论视口大小如何，图像都必须居中。我已经使用text-align:center;使文本具有响应性。我确实读过类似的主题，但无论我做什么，图像都是静态的，没有居中。请帮帮忙。
HTML：
<body>
<div id="wrapper">
<div class="header">
<img src
浏览 1提问于2013-12-14得票数 1
我需要居中对齐我的主要div图像，我已经在更宽的屏幕上工作。但是当我缩小屏幕宽度时，图像总是从左边开始，在右边被裁剪掉。
我需要图像居中在屏幕尺寸内，即使它太宽了。
body {
background-color: grey;
overflow: hidden;
margin: 0px;
}
.vid {
height: 100vh;
display: block;
margin: auto;
}
<img class="vid" src="http://wizzfree.com/pix
浏览 0提问于2020-10-04得票数 0
1回答
我试图使图像保持比例，即使当视口或父元素的纵横比发生变化时。
到目前为止，我有小提琴，它使用某些技术将图像设置为全屏背景。不幸的是，一旦达到一定的大小，它就会溢出，图像的一部分就会被隐藏起来。
HTML
<div class="full-screen">
<img src="http://placehold.it/350x150" />
</div>
CSS
.full-screen {
position: fixed;
top: -50%;
left: -50%;
浏览 2提问于2014-08-19得票数 2
回答已采纳
2回答
我有一些大的图像，我需要调整大小和裁剪。我想把他们设置为250倍的宽度-这在css中很容易。但我也想保持高宽比，在这样做的时候，我会得到不同高度的图像。现在，我想从高度裁剪它们，以确保每一个图像，例如250倍或更高的高度将被裁剪(居中更好)。我该怎么做？
编辑： Ok，我想我在最初的文章中不太清楚。我想要的是:将图像调整到250 is的宽度。如果高度大于150 is，则缩小图像，同时保持250 is宽度。
浏览 1提问于2016-04-20得票数 0
我在一个网页上有一个页脚，其中有另一个div，里面有一些内容(该内容以页脚容器为中心)。页脚设置为拉伸整个宽度，而内容div设置为960px，并自动将页边距居中。：Html：
<footer>
<div class="footer-inner">Content</div>
</footer>
css：
footer {float: left; min-width: 100%; background-color: #000;}
footer-inner {width: 960px; margin: 0px auto;}
页脚
浏览 4提问于2014-01-03得票数 1
无论图像尺寸或屏幕大小如何，goolge图像中显示的图像都会在页面的右侧平直结束。我在想，也许可以添加某种动态填充，使图像正好适合div？如果任何人对如何做到这一点有任何建议，将不胜感激！
浏览 1提问于2015-07-28得票数 1
3回答
我想创建一个简单的网站，一个不同寻常的效果。
页面上的文本将垂直居中，页面右侧将有一个图像。应裁剪图像以适合浏览器宽度。
下面是我的示例图片850x1000px：
例如，网站应该是这样的，那么浏览器窗口的大小是1350x650：
如你所见，图像被裁剪(在顶部、底部和右侧)
下面是窗口大小为1920x1080的另一个示例：
图像完全可见。
类似的效果是在网站上-当窗口较小时，停车场的图像被裁剪。
如何做到这一点呢？我可以只使用css或javascript来做吗？
浏览 0提问于2016-12-06得票数 0
假设我有一个原始图像(灰色的backgorund)，右边有一个黑色的圆圈(不居中)，从圆圈的任何边缘到边缘的最小空间是，比方说，75px。我想修剪相同数量的空间在所有方面，空间应该是最大的空间，而不裁剪图像中的实际对象(面积在洋红色的图像)。很想听听这个问题是怎么解决的。
提前感谢！
浏览 4提问于2016-05-27得票数 0
所以我有一个标题/导航栏div，这个div有一个repeat-x背景图像。然后我得到了一个水平导航，它的中心是这个背景，但需要一个最小宽度和正常宽度。
我希望它显示为80%的宽度，最小宽度1000px，并居中。
CSS
.center-wrap {
width: 80%;
min-width: 1000px;
margin: 0 auto;
}
#bar {
width: 100%;
height: 50px;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}
HTML
<div id
浏览 0提问于2012-10-12得票数 2
回答已采纳
我试图提高一个网站的800 x 600 to显示器的用户兼容性。
我有一个“头背景”div，它宽900 is，只包含一个背景图像。站点的其余部分嵌套在该div中，宽度为790 is。
我想要做的是，如果浏览器窗口大于900 do，则显示完整的900 do“greater后台”div，但如果屏幕res在790到900 do之间，则不会触发浏览器中的水平滚动条。
我知道这可以很容易地通过body标记上的居中的“背景”图像来实现，但是在这种情况下这不是一个可行的选择，因为当前的身体背景图像有一个水平重复的背景，而头背景图像不会重复。
如有任何建议请见谅
编辑:为清晰起见附上的图像。
浏览 2提问于2010-09-18得票数 1
回答已采纳
我在没有使用JS的情况下试图实现的目标可以在上看到。
基本上，我想显示两个图像，都是居中的，一个在背景中，一个在前台中。
背景图像：如果覆盖整个窗口而不影响高宽比，这意味着图像将始终触及窗口的两个相对边缘，但图像将被裁剪为。
Forground ：在不影响宽宽比的情况下，应该是窗口内的，这意味着图像总是会碰到窗口的两个相对边缘，但是图像不会被裁剪。
不管是<div>还是<img>标记，只要它们显示的是图像。
Asume还指出，图像大小是预先知道的，可以用于CSS或HTML部件。
所以我的问题是:是否可以只使用CSS或CSS3？
如果这是不可能的，
浏览 0提问于2011-11-01得票数 11
回答已采纳
4回答
我正在使用一个布局，我在顶部有一个居中的标题/徽标图像，它与垂直重复的背景图像连接。
问题是，只要视口足够宽，背景就会保持居中。当我将其宽度减小到背景图像的宽度以下时，背景图像不再居中，而只是从左侧开始绘制，因此它不再连接到徽标图像。
我画那幅画只是为了你个人娱乐。
浏览 1提问于2011-06-15得票数 3
4回答
我想要一个网页，内容居中，并指定最小宽度，以便它在智能手机的小屏幕上调整大小，但在PC上看起来仍然很好。
如果我将div的宽度设置为1024px，并设置自动边距，那么当浏览器窗口的宽度超过1024px时，div将保持居中。
但很明显，如果用户在小屏幕上查看站点，则需要横向滚动。
因此，我尝试将宽度更改为"min- width :480px“，但div在大浏览器窗口中不会居中。
我已经做了大量的谷歌搜索，博客/论坛的帖子声称，你所要做的就是设置最小宽度和自动边距。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&g
浏览 5提问于2012-01-12得票数 2
回答已采纳
我需要始终裁剪一个随机大小的图像到一个广场160x160只使用CSS。当裁剪时，图像应该保持居中。
我的标记应该是：
<a href="#" class="cropper">
<img src="image" alt="description" />
</a>
在StackOverflow上搜索我已经找到了一些答案(比如)，但是对于你的图像可以是更大的水平(宽)或垂直(高)的情况，它们不起作用。
具体来说，我需要能够展示这样的宽图像：
像这样高的图像：
以正方形表示，不
浏览 8提问于2013-09-07得票数 62
回答已采纳
4回答
我的贴图缩略图设置如下：
add_theme_support('post-thumbnails');
set_post_thumbnail_size(1280, 436, true);
add_image_size('general-thumb', 600, 339, true);
它们被调整为具有以下css的两列：
max-width: 100%;
height: auto;
它们所显示的列大约为348 in宽。
问题是，当我上传一个尺寸小于600x339的图片，无论是高度还是宽度，它们都会在页面上不正确地显示出来。
我认为这是
浏览 0提问于2015-06-19得票数 0
回答已采纳
2回答
我的图片有点小问题。这实际上是一个jquery幻灯片。图像的位置是绝对的，这使得它们很难居中。
这对我很有效
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
width:100%;
text-align:center;
}
但是在宽度为100%的情况下，它使图像100%位于div的内部。有些图像比其他图像更薄，我只想让那些图像居中。在宽度为100%的情况下，它会拉伸出薄的图像。
这是HTML
<div class="con
浏览 1提问于2012-04-05得票数 0
我使用图像魔术师裁剪和调整大小的图像精确大小- 230 x 300‘m。大约90 %的图像被调整大小和裁剪成精确的大小，但有些没有。
我的代码：
$magicianObj = new \Application\Model\ImageMagician($imageLocation);
$magicianObj -> resizeImage(230, 300, 'crop');
$magicianObj -> saveImage($thumb2, 100);
没有适当裁剪和调整大小的图像示例很少：
1)原样尺寸: 533x800调整为: 229x373
2)原样尺
浏览 2提问于2014-02-12得票数 1
回答已采纳
我想从服务器加载一些照片，并显示在一个自己的框中，这样框是填充的，图像居中(而不是拉伸)，如果它太大的话。例如，我可以在不知道每个图像大小的情况下使用CSS实现这一点吗？也许可以使用max-width或更多？
下面是我想要的一个例子：
浏览 0提问于2012-04-11得票数 5
回答已采纳
你好，CSS大师的堆叠溢出。我被困在一个问题上，我认为这可能是不可能的CSS。
我想将这两条规则结合起来，并将它们应用于同一个图像：
1)随着浏览器大小的变化，动态缩放图像
#main-graphic {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
2)当浏览器变小时，图像的中心图像和裁剪边。
#main-graphic {
width: 2560px;
height: 100%;
margin-left: -1280px;
left: 50%;
position: relative
浏览 3提问于2012-10-19得票数 1
回答已采纳
1回答
是否可以使用<p:imageCropper>按比例裁剪图像？
<p:imageCropper value="#{registerPetForm.croppedImage}" image="#{registerPetForm.uploadedFilename}" />
我将限制用户仅以方形格式裁剪图像：
______
| | | |
| | | |
|______| V |
--------> |
_____________|
同样的宽度和高度。我想避免使用矩形格式：
____
浏览 3提问于2015-09-25得票数 2
回答已采纳
1回答
在JCrop上设置最小高度和宽度
、、、、
我正在开发一套电子邮件模板，允许用户添加文本、图像、更改字体和颜色等。现在，如果用户希望在模板的特定区域添加图像，他们将首先单击要添加图像的区域，然后在我的应用程序中从库中添加图像。现在，让我们考虑他们在模板上单击的区域的可接受维度是500 * 500，从库中选择的图像是1000 * 1000，在这种情况下，应用程序将自动弹出一个裁剪工具，他们可以使用它来调整图像的大小。但是，我希望限制裁剪工具只能拖到模板中所需位置的最小高度或宽度，即在此示例中，它们不应该能够将裁剪工具进一步拖到500的高度或宽度以下，尽管它们可以将一个或两个维度保持在500以上，因为裁剪工具自动调整其大小回到500 * 5
浏览 2提问于2014-04-15得票数 0
回答已采纳
3回答
很难让我的标题图像居中。
body {
font-family:Verdana, Genova, sans-serif;
background-color:#000;
}
divWrapper {
width:700px;
margin:20px auto;
}
divHeader {
width:700px;
background-color:#999;
}
还有我的html..。
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta
浏览 2提问于2014-05-31得票数 0
我在一大组图像中有一些图像，这些图像的周围有一个白色(或黑色)边框。我怎么能..。
在没有指定背景/边框的情况下将图像裁剪成大小
调整图像大小以填充以中心为中心的给定输出大小。
例如，我有一个上传的图像，大小为1280x1024px，它有一个白色(或黑色)边框，其内部大小为800x700 (可能不是居中)，我希望突出该边框，然后调整大小以填充640x480输出。这将有效地采取内部图像，然后填充640x480有效裁剪额外100 of的高度从原来。
我更喜欢的东西可以是一个批处理/外壳脚本与图形魔术，但将接受一个解决方案，通过幻影以及。如果可能的话，我宁愿避免使用更多的工具/语言
浏览 3提问于2014-09-10得票数 0
回答已采纳
假设您事先不知道图像元素的高度和宽度，假设在图像高度大于图像宽度的情况下，您希望通过从图像的顶部和底部裁剪相同数量的像素来垂直居中，以便新图像高度与图像宽度匹配。例如，如果图像的宽度为200px，高度为250px，则从其顶部和底部裁剪25px。
下面是一个示例设置：
HTML：
<div class = 'cell'>
...
<div class = 'image_container'>
...
<img ...>
</div>
</div>
CSS：
.cell
浏览 0提问于2016-10-17得票数 0
我注意到现在互联网上的许多版面都有这个错误。
访问该网站。
调整浏览器的大小，以便您必须水平滚动。
向右滚动时，背景图像将被剪裁。
有没有人知道一些css技巧，可以在缩小浏览器时将背景去掉？
浏览 3提问于2011-01-16得票数 2
回答已采纳
2回答
我希望能够在导航栏中居中显示一些文本或图像，这就是我正在做的事情。
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="text-center navbar-text"
浏览 1提问于2014-12-13得票数 1
2回答
我的客户想要的实际上可能是不可能的-他们想要一个不裁剪的全屏背景图像，并且保持它的尺寸。他们愿意接受空白，但他们希望图像尽可能地填满屏幕，而不在任何轴上裁剪。我找到了一些很好的脚本，可以实现真正的整页背景，但他们不接受图像的任何裁剪。有什么想法吗？
浏览 0提问于2011-11-22得票数 0
3回答
我有一个直径为770 is的div。由于周围的元素，我需要让图像在div浮动左。我需要居中的图像是少于770 to宽。有些图片只有300 of宽，所以伸展和裁剪是不可能的。
是否可以将类应用于与jquery脚本有关的所有滑块图像，如果原始图像宽度小于770 Is，则将这个css类应用于它。然后那类人会把他们的形象集中起来。
这似乎是一个简单的解决办法，但我不能把我的头完全围绕它。
切换课能在这里工作吗？只是不知道怎么做。
$(element).toggleClass("A B");
任何帮助或指导都将不胜感激。
浏览 3提问于2014-01-28得票数 1
回答已采纳
例如，如果我有一个1600x1200的大图像，但我想生成一个250x200 (不同的高度和宽度比率)的缩略图--我如何将其缩小到大小，然后居中裁剪？使用convert可以在一行中实现吗？
浏览 0提问于2012-09-01得票数 12
回答已采纳
我有一个网格，里面有一个图像。最初，图像比网格大，所以它被裁剪了，但如果我应用缩放变换来导致图像收缩，最初裁剪的部分仍然被裁剪，但我希望现在显示它，因为它适合网格。
我想把我的图像放在画布上，但我想让它垂直和水平居中，这给我带来了麻烦，所以我切换到了网格。
浏览 4提问于2009-08-06得票数 0
2回答
这是我的html代码
<div><img src="picture1.jpg" /></div>
<div><img src="picture2.jpg" /></div>
<div><img src="picture3.jpg" /></div>
我的div容器有一定的固定尺寸：
div{
width: 400px;
height: 400px;
object-fit: cover;
overflow: h
浏览 27提问于2021-05-26得票数 0
回答已采纳
简单的问题。有没有办法在弹出窗口中居中显示Tumblr徽标？目前它看起来是这样的：
我们有一个简单的tumblr share按钮，当单击时将打开此窗口。
谢谢
浏览 1提问于2014-10-12得票数 2
3回答
我觉得我可能需要一些转换器，但这是我想做的。我想要一个图像控件(因为它在绑定到真实数据的数据模板中)具有以下参数。
居中的空间是90x90 (没有任何形式的伸展)。
半径为40像素(水平和垂直)的圆形裁剪。
如果图像> 90x90，则应在90x90空间内居中，并从中间夹一个40x40圈。
如果图像是< 90x90，它应该集中在90x90空间内。裁剪圈应该没有任何效果，因为整个图像包含在剪辑区域内。
下面有我的XAML代码。这就像预期的那样适用于完全90x90的图片(也就是说，它们不拉伸，它们以图像为中心，剪裁工作)。对于> 90x90的图像，裁剪工作正
浏览 5提问于2014-02-13得票数 4
回答已采纳
2回答
我创建了一个我想要使用CSS创建的图像。我还在中做了一个小设置。
问题是我可以创建所有的东西，除了右边的fluid列。我正在使用它来显示幻灯片中的图像，我希望它们从屏幕的右侧出现，并在左侧的“后面”内容1中消失。
我尝试了绝对定位、相对定位和固定定位。但结果要么是丢失了内容1的居中左定位，要么是在列2的右侧没有流体列。
浏览 10提问于2012-08-23得票数 3
回答已采纳
3回答
居中对齐网格元素
、、
我一直试图将一个非常简单的CSS网格居中，但似乎不起作用-我希望当视区变得太小时，网格元素保持居中，但其中一个元素要移到下一行(它们在前后居中)。
有人能告诉我我哪里做错了吗？
.Listing {
list-style: none;
display: grid;
grid-gap: 10px;
padding: 10px 40px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
padding-bottom: 30px;
background-color: #71F;
justi
浏览 6提问于2018-11-22得票数 3
2回答
我正在尝试实现像这样的，这样当你调整窗口大小时，它的图像保持它的纵横比，但同时，我不希望这个图像的高度改变，它必须保持不变，并在必要时放大。
我认为它涉及到裁剪顶部和左边距，但我不能让它工作
类似这样的$this.css('margin-left', ($window.width() - this.width) / 2);
任何帮助都将不胜感激！
浏览 0提问于2013-01-31得票数 0
回答已采纳
3回答
<div class="info-panel"></div>
<div class="image">
<img src="http://placehold.it/960x1400">
</div>
CSS
.image {
height: 100%;
width: auto;
margin-right: 200px;
}
.info-panel {
position: fixed;
width: 200px;
height: 100%;
background-color:
浏览 4提问于2013-05-22得票数 1
回答已采纳
设置一个以%为单位的最小宽度的SVG图像是可行的吗？因为这不适合我。图像也是一样的。两者都被设置为符合100%的包含div。当我调整浏览器的大小时，我希望图像在达到最小宽度时停止调整大小。
html
<div id="first">
<img href="" alt="si"/>
</div>
css
#first{
background-color:black;
width:100%;
height:30%;
position:fixed;
overflow:hid
浏览 2提问于2015-05-05得票数 2
回答已采纳
1回答
我有这个网页，其中有一个图像的顶部和其右侧和底部的段落。这是我正在使用的CSS (抱歉CSS直接在HTML中，我必须这样做)
<div style="float:left" class='wrapper'>
<img border="0" src="images/about.png" style="float:left;margin-right:2em;margin-bottom:2em">
<p style="text-align:left;line-height:14p
浏览 1提问于2014-08-04得票数 0
很好的浏览器，它需要在IE8和更高版本上有效；如何在不知道图像宽度或高度的情况下将图像放在浮动的div上居中？
图像在语义上是相关的，所以它不能是背景；html：
<div class="logo-organization-home">
<img src="images/logoOrganization1.png" alt="logo organization 1"/>
</div>
和css：
.logo-organization-home {
float:left;
background-
浏览 1提问于2011-11-17得票数 0
我有一个网页，其中有一个带有3个图片的div容器。图1填充左侧容器的高度。图像2在容器中居中，但在图像1的右侧。图像3位于容器的右下角。我希望图像3总是在图像1的右边。有什么方法可以用html/css来实现吗？目前，如果我调整窗口的大小，图像3将覆盖(或覆盖)图像1(取决于z索引)。
示例插图：
- - - - - - - -
| | |
| | |
| | - - | |
| | - - | |
| | | - - |
| | | - - |
- - - - - - - -
样本代码：
<div backgrou
浏览 3提问于2015-04-01得票数 0
回答已采纳
我有用户上传图片使用文件，但我希望他们必须上传一个一定的大小(如果图像太大的裁剪)。我可以自己剪，但那样看起来就不好了。理想情况下，用户可以自己裁剪。
我尝试过这个页面：和我尝试过各种选择，但是似乎没有什么效果很好。
data-fp-image-min并不阻止用户上传较小的图片。data-fp-crop-force以及data-fp-crop-max和data-fp-crop-min也做不到这一点。
我开放使用其他图片上传库，但我喜欢使用文件。似乎这是其他人会遇到的事情。
我用的是导轨。
浏览 3提问于2015-10-08得票数 1
回答已采纳
我有一台设置了MinWidth和MinHeight的UserControl。
里面有一个网格和许多控件。
我在主网格中有另一个Grid。内部网格的代码如下所示。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="30"/>
</Grid.RowDefinitions>
<DataGrid Grid.Row="0"
浏览 0提问于2015-10-13得票数 0
1回答
我正在创建一个与反应-容易-作物的裁剪功能。我将保存用户的图像和像素坐标，为他们的裁剪偏好。
我想要做的是使用react轻松作物参数来裁剪将显示在用户配置文件上的横幅图像。
使用crop图像作物的react易于裁剪-产生以下参数：
{ width: integer, height: integer, x: integer, y: integer }
带有CSS的
如何使用这些数据在CSS中呈现裁剪的图像？
(我知道有一些方法可以使用CSS进行裁剪，但我正在尝试使用上述数据。)
与Javascript
我曾尝试将Image转换为blob或base64以应用裁剪，但由于图像来自Azure blo
浏览 2提问于2021-07-27得票数 0
2回答
你好，我做了一些css定位到magento eshop。我使用图片添加到购物车按钮，当我改变我的浏览器宽度，这个按钮只是向右移动框元素。
我需要一些想法，使它看起来更好(缩小图像，或只是裁剪或隐藏它的溢出)，因为它是非常丑陋的现在。谢谢，希望我把我的问题解释得简单易懂。
浏览 0提问于2013-07-13得票数 0
1回答
对于有问题的行为，尝试调整的窗口大小虽然标题和框在最小尺寸后停止调整大小，但背景图像继续将自己定位在页面的中心，这看起来真的很愚蠢。
下面是背景图片的相关代码：
body{
text-align: center;
min-width:1000px;
min-height: 600px;
background: url(../images/road_newtry_tile4.jpg) 50% 50% fixed;
}
即使背景位置不会消除最小宽度和高度(即，窗口将在预定尺寸后停止调整大小)，它仍会继续将背景图像居中。
它为什么要这么做？如何防止图像在某一点后重新居中？
浏览 0提问于2012-01-08得票数 0
回答已采纳
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_responsive2 根据W3，最大宽度指定元素不能大于其设置值，如果指定为百分比，则它将是包含块的百分比。然而，在链接的示例中，它是100%，所以max-width不应该是正文的值(它包含块)吗？ 我的第二个问题是，为什么具有最大宽度变化的图像会变得有响应性？这只是你接受的东西，还是背后有一些技术原因？最大宽度意味着它不能超过一定的大小，但为什么这会使图像随着窗口一起缩小？具有自动宽度和高度的图像不能做到这一点，那么有没有什么特殊的最大宽度功能可以做到这
浏览 15提问于2021-09-12得票数 0
2回答
使用浏览器实验室，背景图像似乎没有居中在这个网站上的Windows的Firefox7中：
下面是我使用的css，这是一个截图。
你知道我该怎么解决这个问题吗？
谢谢!
CSS：
html {
background: url(images/background.jpg) no-repeat top center #0f0c0b;
}
浏览 2提问于2011-12-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
