如何在自舉響應式設計中使圖像變得模糊？/

bootstrap-responsive.css將max-width:100%添加到所有.img標籤。正因爲如此，我的圖像越來越模糊。如果我刪除這些圖片是非常清晰但不能響應的。有沒有辦法我可以有響應的圖像（即自己調整大小），仍然讓他們清晰，而不是模糊如何在自舉響應式設計中使圖像變得模糊？/

來源

2013-02-22 vijar

使用photoshop優化您的圖片並使用 – Shail 2013-02-22 10:04:30

您能提供一些代碼來幫助我們瞭解您的情況嗎？最大寬度不應該與圖像的默認大小有關 – LKallipo 2013-02-22 15:01:16

您需要覆蓋最大寬度設置，通過添加一個類到您的圖像，你不想要縮放瀏覽器時重新調整大小。

.fixed_width { 
     height: 32px; 
     width: 32px; 
     max-height: 32px; 
     max-width: 32px; 
    } 

    <img class="fixed_width" alt="{{item.Name}}" ng-src="Images/{{item.ImageUrl}}" />

來源

2013-04-11 15:26:02 Diesel337

這有點角度，我認爲？ – 2016-06-23 05:30:55

在這裏，我們正在修復寬度，從而使它不響應？ – Anupam 2017-03-18 11:36:52

我已經通過在圖像的外部容器上放置最大寬度來解決此問題。

.outer-image-container { 
    max-width: 500px; 
}

產生的HTML代碼如下：

<div class="outer-image-container"> 
    <img src="image.png" class="img-responsive" /> 
</div>

希望這有助於一點。它保持我的圖像響應而不會模糊。

來源

2014-02-11 06:40:40 Sarah

如果寬度是固定的，那麼它將不會響應，不是？ – Anupam 2017-03-18 11:36:04

如何在自舉響應式設計中使圖像變得模糊？/

回答

相關問題