縮放圖像CSS

我使用的是Nivo Slider，所有的圖像都是相同的「高度/寬度」766x400，但是當在Firefox中查看滑塊時，它會將所有內容放大到1,333像素×696像素。縮放圖像CSS

有趣的是，當你在瀏覽器中進行分屏時，一切看起來都很好，但全屏顯示的一切都被炸燬了。

我不知道我應該用什麼CSS代碼來解決這個問題

我會發表我的整個「代碼」，但圖片都與我的業務，我真的不知道。

感謝

來源

2013-06-02 user2444595

可以使用虛擬/臨時圖像是安全的，其他人希望看到你已經完成的代碼 – arnold

嗨，謝謝我用Nivo滑塊中的演示版替換了原始圖像。 – user2444595

這可以通過NIVO滑塊設置內嵌樣式引起的，但它是很難說的原因可能是與例如CSS /標記的內容。

然而，對於響應圖像的基本情況是，以確保width（或者，經常優選地，max-width）設置爲100%，而且height設置爲auto。如果有內聯CSS會覆蓋您自己的CSS，那麼您可能需要將!important添加到這些規則中，或編輯Nivo Slider的插件文件並刪除內聯樣式的打印。

所以基本上，試試這個（但你可能需要使用一個更具體的選擇，你不應該使用!important，除非它是絕對必要）：

img { 
    max-width: 100% !important; 
    height: auto !important; 
}

來源

2013-06-02 07:10:01

嗨，感謝您的回覆，我如何向您發送我的代碼？我試圖在這裏發佈它，但stackoverflow不會允許它。 – user2444595

把它放在jsfiddle或類似的地方，並鏈接到它。 –

我甚至從來沒有見過這樣的程序，也不確定如何將自己的東西連接到自己的Nils。這將是最好的如果我只能通過電子郵件發送詳細的代碼，我的企業電子郵件是[email protected]我個人不認爲使用堆棧溢出是很難的。 – user2444595

回答

相關問題