簡體 English 中英

根據寬度調整圖像大小

[英]resize image based on the width

原文 2017-02-03 22:46:30 5 1 javascript/ html/ css

如何強制調整圖像大小以保持縱橫比，但將寬度設置為 200 像素。 我有很多圖像，每個圖像的尺寸都不同，有些更大，有些更寬。 但我希望布局中每個的寬度都是 200px，不管它們中的一些比其他的高。 接下來我詳細解釋一下：

1 個解決方案

只需在 CSS 中設置寬度並將高度保留為自動

 <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTQwMjAwNzI0M15BMl5BanBnXkFtZTcwOTY1MTMyOQ@@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 200px; height:auto;"> <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTQwMjAwNzI0M15BMl5BanBnXkFtZTcwOTY1MTMyOQ@@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 300px; height:auto;">

圖像旋轉 - 根據圖像高度和寬度調整畫布大小

[英]Image rotate - resize canvas based on image height and width

根據div寬度調整文本大小

[英]Resize text based on div width

根據瀏覽器調整div寬度

[英]Resize div width based on browsers

根據div寬度調整圖像大小

[英]Resize image according to div width

使用頁面寬度調整大小更改圖像

[英]Change image with page width resize

基於屏幕寬度的單獨功能（更改尺寸）

[英]Separate functions based on screen width (changes on resize)

根據容器寬度動態調整文本大小

[英]Dynamically Resize Text Based on Container Width

根據屏幕大小調整html表的寬度

[英]Resize html table width based on screen size

根據 iFrame 的高度和寬度調整 iFrame 的內容大小

[英]Resize the content of an iFrame based on the iFrames height and width

根據內容的寬度和高度調整彈出窗口的大小

[英]resize popup window based on content width and height

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 圖像旋轉 - 根據圖像高度和寬度調整畫布大小根據div寬度調整文本大小根據瀏覽器調整div寬度根據div寬度調整圖像大小使用頁面寬度調整大小更改圖像基於屏幕寬度的單獨功能（更改尺寸）根據容器寬度動態調整文本大小根據屏幕大小調整html表的寬度根據 iFrame 的高度和寬度調整 iFrame 的內容大小根據內容的寬度和高度調整彈出窗口的大小

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM