关于html：无法使用CSS调整图片大小

您所在的位置：网站首页 › html里图片大小 › 关于html：无法使用CSS调整图片大小

关于html：无法使用CSS调整图片大小

2023-06-04 01:12| 来源: 网络整理| 查看: 265

我已经尝试过在所有网站上都能找到的所有答案，但仍然无法使用CSS正确调整图像的大小。我已经将它放在一个div中，并尝试调整一个和两个的大小。我正在尝试使图像(在导航栏下方)适合页面(即：与页面一样宽，以及相对高度)。

第一次尝试：

123456.myImage{ max-width: 100%; height: auto; left: 0px; right: 0px; }

第二次尝试：

123456#banner{ max-width: 100%; height: auto; left: 0px; right: 0px; }

第三次尝试：

123456789101112131415 #banner{ max-width: 100%; height: auto; left: 0px; right: 0px; } #myImage{ max-width: 100%; height: auto; left: 0px; right: 0px; } 相关讨论您的尝试出了什么问题？似乎对我来说很好。您是否考虑过width:100%？您似乎只尝试了max-width。您可以发布一张截图或试图调整大小的图像吗？这是您要找的答案吗？

如果图像小于屏幕，它将使用图像宽度。如果更大，则使用最大宽度。因此，假设您的图像小于显示器，则需要将"最大宽度"更改为"宽度"以增加图像尺寸。

123456789101112131415 #banner{ max-width: 100%; height: auto; left: 0px; right: 0px; } #myImage{ width: 100%; height: auto; left: 0px; right: 0px; } 相关讨论 @JoseMagana，我希望是这样;)

CSS属性background：cover将为您提供帮助！

1234html { background: url(images/bg.jpg) no-repeat center center fixed; background-size: cover; }

Cover会将您的背景扩大到全屏。

我可以找到CSS-Tricks的最佳解决方案

1234567html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

链接到CSS-Tricks以获取源代码和原始代码：https://css-tricks.com/perfect-full-page-background-image/

相关讨论考虑添加指向您在其中找到该解决方案的原始资源的链接，以便可以正确引用/注明这些资源。完成，答案已编辑。

您必须为id横幅广告指定小于100％的特定宽度。您不需要高度，它已经是自动的。您必须将图像定位到横幅内，而不是将类别添加到图像。所以它应该看起来像这样：

12345678910111213 #banner{ width: 60%; left: 0px; right: 0px; } #banner img{ width: 100%; left: 0px; right: 0px; }

【本文地址】

关于html：无法使用CSS调整图片大小

关于html：无法使用CSS调整图片大小

今日新闻

推荐新闻