我正在嘗試使網頁上顯示的圖像在我的網頁上顯示爲http://foottherapy.tumblr.com/作爲重新縮放版本(即整個圖片只調整網格窗口大小),而不是這部分表示。我試過使用修改屬性來提高:100%或寬度:100%的這些塊,但它沒有奏效。 任何幫助是真正的讚賞。將圖像自動重新縮放到網頁上的較小預覽窗口
0
A
回答
0
是的。調整div大小以匹配縮略圖,因爲您使用css background-image
加載它,或將其加載到<img>
標記中,該標記將自動調整爲屏幕上圖像的大小。或者,您可以使用< img height='200' width='200' />
來強制瀏覽器進行縮放。瀏覽器縮放的質量可能不盡如人意,所以通常您需要使用一些軟件或代碼進行預分頻,這些軟件或代碼可以高質量縮放,並且可以尊重圖像比例。
css中的另一種替代方法是使用新的css3選項:background-size: 200px 50px
,但如果您想向廣泛的受衆展示此選項,則不推薦這麼做。
0
使用以下內容:<img src='...' style='width:200px;'/>
(200px - 是一個示例,使用您所需的頁面)。您還可以通過style ='height:100px'來限制高度。如果同時使用兩者,則可能會扭曲圖像(即,如果要保留比例,則不要同時使用兩者)。
相關問題
- 1. 縮放瀏覽器窗口時自動縮放網站
- 2. 將SVG圖像動態縮放到框架/窗口大小
- 3. 將瀏覽器內容縮小到瀏覽器窗口大小
- 4. 如何使圖像元素與窗口縮放重新定位
- 5. Qlikview宏自動將縮放放大到窗口
- 6. 如何將wpf中的動畫縮放到窗口大小
- 7. 將圖像縮放到swift3中的較小尺寸
- 8. 如何實現瀏覽器窗口調整大小時縮放的網頁?
- 9. 如何根據瀏覽器窗口的大小使網頁可縮放?
- 10. 用Fancybox縮放較小的圖像
- 11. 縮放圖像內部預覽
- 12. 如何使圖像與網頁瀏覽器窗口的大小成比例地縮放?
- 13. 將圖像縮放爲新的活動
- 14. 使用瀏覽器窗口縮放網頁
- 15. 重新縮放圖像
- 16. 移動瀏覽器窗口的高度和頁面縮放
- 17. 將圖像重新縮放爲HTML中原始大小的50%
- 18. 縮放圖像高度的瀏覽器窗口
- 19. 從較小的尺寸縮放視頻(重新縮放)
- 20. iframe - 將網頁縮小0.30,而將移動網頁縮小0.90?
- 21. 簡單的jQuery圖像縮放 - 溢出瀏覽器窗口大小
- 22. 圖像重新縮放/ CSS自舉大小「Jumbotron」
- 23. 如何根據縮放,分辨率和窗口大小正確縮放網頁?
- 24. 根據窗口大小縮放HTML5網頁
- 25. GWT:將窗口小部件添加到新窗口瀏覽器
- 26. 自動縮放圖像而不是預定義圖像
- 27. 如何防止圖像縮放窗口
- 28. jQuery的背景圖像縮放或窗口調整大小
- 29. 如何讓網站根據用戶的瀏覽器窗口自動縮放
- 30. 爲什麼我的圖像會自動重新縮放?