0
A
回答
4
你有沒有看仔細了網站的形象?因爲它不是調整大小!它只集中在img
元素的中間,作爲background
屬性。當你改變,你會看到圖像中心調整屏幕的寬度..
這是非常簡單的只使用background
屬性來實現這種效果:
background: url("img path") 50% 0 no-repeat;
背景圖像將獲取元素的高度。
例子:here
0
你應該函數綁定到「調整」事件,
並給圖像最大寬度和最大高度,而不是高度和寬度,
function imageresize() {
if (($(window).width()) < '800'){
$('#img').css('max-width',$(window).width());
} else {
$('#img').css('max-width','');
}
}
imageresize();
$(window).resize(function(){
imageresize();
});
我附上一個jsFiddle:http://jsfiddle.net/gGBRF/
0
正如@Sven所說,它沒有被重新調整大小,它只是居中並重新調整瀏覽器大小,使其看起來像是雙方溢出。
相關問題
- 1. 調整圖像大小(image_lib),保持寬高比,但縮放到最小可能超過寬度和高度
- 2. 圖像大小調整 - 寬度100%,最大高度
- 3. Android:調整圖像寬度和高度以調整圖像大小
- 4. 調整大小圖像不總高度
- 5. 使用PHP調整大小(寬度/高度)圖像
- 6. PHP圖像大小調整 - 設置高度和寬度自動
- 7. 通過HTTP加載的圖像的大小(寬度,高度)
- 8. App Engine圖像大小調整不保持高寬比?
- 9. 將JPEG圖像調整爲固定寬度,同時保持寬高比不變
- 10. 最大高度和寬度與jQuery的大小調整
- 11. 通過設置寬度和高度來調整火花組的大小
- 12. 根據寬度調整圖像大小
- 13. 調整圖像大小,同時保持寬高比的Java
- 14. imagecopyresampled調整至最大寬度或高度,但保持比
- 15. 將圖片大小調整爲最小寬度/高度
- 16. jQuery UI的大小可調整寬度高度
- 17. 當窗口高度調整大小時調整圖像大小
- 18. jQuery圖像調整大小 - 寬度不適合
- 19. 水印上傳圖像沒有調整大小圖像寬度高度
- 20. 圖像旋轉 - 基於圖像高度和寬度調整畫布大小
- 21. 調整圖像大小保持高寬比白線邊框
- 22. 調整圖像大小 - 保持寬高比
- 23. CSS - 我可以通過改變寬度和高度來調整背景圖片的大小嗎?
- 24. 使用jQuery調整大小後調整大小後的寬度
- 25. C#中的圖像調整大小 - 確定調整大小尺寸(高度和寬度)的算法
- 26. 使用瀏覽器寬度自動調整圖像大小,但在div內保持相同的高度?
- 27. 設置圖像寬度quals窗口寬度調整大小(沒有jQuery)
- 28. 如何設置TinyMCE的最小調整大小寬度/高度?
- 29. ASP.NET:調整上傳到服務器的圖像的大小(高度和寬度)
- 30. 根據UITableViewCell調整背景圖像的大小標籤的高度和寬度
嗯,我不知道沒有某種口糧,它是如何完成的。因此,這個問題,我只是需要一個提示 – rix 2013-02-21 14:54:30