Css 更改具有特定大小的图像的样式

我怎么做，改变图片的大小，使其大小超过一定的css大小。例如，如何更改宽度超过300像素的照片的外观。

有关使用图像的一些基本信息：

调整图像大小的一些可能方法： 通过css设置图像样式：

img {
  width:200%;
}

或者使用内联css来实现

<img style="width:500px;" src="..."/>

或者使用HTML属性

<img width="30px" height="auto" src="..."/>

如图所示，您也可以使用不同类型的单位<代码>px，

%

，

em

，

rem

，

vw

和

vh

都是可用的

媒体查询 如果要根据页面大小应用不同的样式，请使用

图像大小相关的样式 如果你想根据图像的源大小对图像应用不同的样式，我认为你运气不好。您可以使用javascript来实现这一点，但据我所知，还没有一个纯粹的CSS解决方案

诺塔贝尼酒店 不过，应该注意的是，你的问题让人怀疑你甚至没有在谷歌上搜索，因为这是绝对基本的HTML/CSS。

你可以使用宽度/高度和宽度/高度：

例如：

p {
  max-width: 100px;
}

如果您想要更多的控制，您可以使用：

加油。但此代码会更改所有图像的样式。但我想改变图片的风格，让它们的大小超过特殊的大小。但我想改变图像的样式，使其大小超过特殊大小。是的，我想根据图像的源大小对图像应用不同的样式，以方便将来的读者：他的意思是他想根据图像的源大小对图像应用不同的样式。有点像媒体查询，但不是查看图像维度而不是页面维度。

<picture>
  <source srcset="img_smallflower.jpg" media="(max-width: 400px)">
  <source srcset="img_flowers.jpg">
  <img src="img_flowers.jpg" alt="Flowers">
</picture>