0
我目前使用的是跨度，即填充背景以確保所有瀏覽器中的圖像大小完全相同。雖然我對此沒有任何抱怨，但我錯過了使用alt標籤的機會以及它可能帶來的潛在SEO優勢。引導3-裁剪圖像以適合寬度和高度
有沒有辦法使用HTML + CSS（無js）使用img標籤裁剪圖像？
A
回答
0
如果圖像的搜索引擎優化很重要，也許你可以包含圖像與相關的ALT，但與style =「display：none」。爬行者可能足夠聰明，以排除這一點，雖然..！
+1
這就是我想的，可能會受到懲罰比獎勵更可能 – Daniel
相關問題
- 1. JCrop得到裁剪寬度和高度
- 2. 裁剪圖像到相同的高度和寬度？
- 3. Android Animate Scale圖像以適合屏幕寬度和高度
- 4. 如何裁剪圖像獲取寬度285和所有圖像的高度170？
- 5. Imageresizer doe不裁剪寬度，但僅裁剪高度
- 6. 當設置高度和寬度時，圖表會被剪裁
- 7. 引導CSS - 圖像容器高度符合寬度
- 8. 裁剪圖像的中心部分以適合固定高度的容器
- 9. CSS - 裁剪圖像高度以匹配文本長度
- 10. 用動態寬度和高度裁剪圖像的可見部分
- 11. 圖像裁剪以適合在GridView
- 12. Flexslider適合窗口高度和寬度
- 13. Android - 從可調整大小，獨立高度和寬度的裁剪區域拍攝的裁剪圖像
- 14. 如何裁剪/剪切圖像以適應瀏覽器窗口的高度？
- 15. 將圖層陰影裁剪爲寬度而不是高度？
- 16. 基於固定高度和寬度的剪裁文本
- 17. App Engine裁剪到特定的寬度和高度
- 18. 適合圖像引導導航欄高度響應
- 19. 引導 - 與高度和寬度相同
- 20. 減小圖像的寬度/高度以適合給定的寬高比。怎麼樣？ - Python圖像縮略圖
- 21. 裁剪畫布/導出具有一定寬度和高度的html5畫布
- 22. 將圖像調整爲瀏覽器寬度/高度而不裁剪
- 23. 如何裁剪尺寸的圖像作爲設備的高度 - 寬度？
- 24. 如何繪製寬度和高度的剪切圖像c＃
- 25. 如何在寬度％和高度％上剪下圖像
- 26. css裁剪圖像保存寬高比
- 27. 使巨大的像素圖像適合給定的寬度和高度
- 28. 如何在應用程序引擎中將圖像裁剪爲指定的高度和寬度-python，
- 29. 縮放/裁剪圖像以適應具有未知尺寸的容器高度？
- 30. 拉伸圖像，以適應完整的容器寬度引導
爲什麼你不能使用'.img-responsive'類？另請參閱：http://stackoverflow.com/questions/17932509/images-not-responsive-by-default-in-twitter-bootstrap-3/17933207#17933207 –
問題是它儘可能地適合圖像沒有拉伸它，所以不同縱橫比的圖像會有不同的表現。使用背景設置的div集允許溢出被裁剪 – Daniel