Bootstrap-Grid 1920分辨率图片保持小

Question

图片在1280分辨率下是按比例增长的，1280分辨率后图片不增长了，能帮帮我吗？

在 1920 分辨率下看起来像这样

在 1280 分辨率下看起来像这样

    <div  id="logokutu1" class="deneme ortalama neozel logoborder col col-md-a col-lg-a">
      <a href="#">
      <img width="100" height="22" src="marketplace logo/ne-lazimsa-logo.png">
    </a>
    </div> 
      
    <div id="logokutu2" class=" ortalama trendozel logoborder col col-md-a col-lg-a">
      <a href="#">
      <img  width="100" height="34" src="marketplace logo/trendyol-logo.png">
      </a>
    </div> 
    <div id="logokutu3" class="ortalama hepsiozel logoborder col col-md-a col-lg-a">
      <a href="#">
      <img  width="100" height="18" src="marketplace logo/hepsiburada-logo.png">
      </a>
    </div>
   <div id="logokutu4" class="ortalama  logoborder col col-md-a col-lg-a">
    <a href="#">
      <img width="100" height="31" src="marketplace logo/gitti-gidiyor-logo.png">
      </a>
    </div> 
   <div id="logokutu5" class="ortalama n11ozel logoborder col col-md-a col-lg-a">
    <a href="#">
      <img width="100" height="35" src="marketplace logo/n11-logo.png">
      </a>
    </div> 
   <div id="logokutu6" class="amazonozel bu ortalama logoborder col col-md-a col-lg-a">
    <a href="#">
      <img width="100" height="30" src="marketplace logo/amazon-logo.png">
      </a>
    </div> 
    <div id="logokutu7" class="cicekozel evet ortalama  logoborder col col-md-a col-lg-a">
      <a href="#">
      <img width="100" height="19" src="marketplace logo/ciceksepeti-logo.png">
      </a>
    </div> 
  </div>

Answer 1

是的，那是因为图片现在已放大到 100%，无法再放大了。您需要查看 Bootstrap 的 media queries

Bootstrap-Grid 1920分辨率图片保持小

Bootstrap-Grid 1920 resolution pictures remain small

html

css

grid

responsive-design

bootstrap-4