不知何故，我的影像根本沒有縮小或放大。我在互聯網上看到了很多東西，但我無法解決它。W3schools 告訴我用公式橫幅影像來制作它。
.formular-banner
{
max-width: 100%;
height: auto;
}<div class="formular-banner">
<img src="koala.jpeg">
</div>uj5u.com熱心網友回復：
首先，您要為影像的父元素定義設定，而不是為影像本身定義設定。所以你不能指望這會對影像產生影響......
對于影像本身，您也不應該使用這些設定，而是應該使用, 加上具有影像原始寬度（以像素為單位）的而不是max-width: 100%（使其成為容器的整個寬度），以免使它比原始影像更大（即扭曲），以防它比容器更小（即寬度更小）。width: 100%max-width
所以你的 CSS 規則是
.formular-banner > img {
width: 100%;
max-width: 1240px; /* use the actual width of your image here */
height: auto;
}
如果影像小于容器（作為 div = 塊元素），默認情況下將具有 100% 的寬度）并且您希望它居中，您可以添加此規則（用于容器），它將水平居中影像（作為行內元素）在容器內：
.formular-banner {
text-align: center;
}
uj5u.com熱心網友回復：
和max-width:100%不是height:auto為了縮小。
height:auto 讓元素高度取決于其子元素的高度。
max-width:100% 確保元素最大值可以使用其父容器的 100% 并且不會大于父元素。
您可能正在尋找 transform: scale()
transform CSS 屬性允許您旋轉、縮放、傾斜或平移元素。它修改了 CSS 視覺格式化模型的坐標空間。
.formular-banner {
transform: scale(0.7)
}<div class="formular-banner">
<img src="koala.jpeg">
</div>在這里查看更多
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/418297.html
標籤：
上一篇：為什么這些div總是重疊顯示？
下一篇：在SCSS中輸入檢查？