在Web頁面中，圖片是一個非常重要的元素。在我們布局或排版網(wǎng)頁時，需要知道每一張圖片的尺寸來進行優(yōu)化和適配。本文將介紹如何使用CSS獲取圖片的尺寸信息。 首先，要了解的是，我們可以通過CSS的background-size屬性來獲取背景圖的尺寸，但對于標簽插入的圖片則無法直接使用CSS獲取。在這種情況下，我們可以通過JavaScript獲取圖片的尺寸來進行適配。 以下是通過JavaScript獲取圖片尺寸的示例代碼：

let img = new Image();
img.onload = function() {
let width = this.width; // 獲取圖片寬度
let height = this.height; // 獲取圖片高度
console.log('width: ' + width + ' height: ' + height);
};
img.src = 'example.jpg'; // 圖片地址

在上面的代碼中，我們創(chuàng)建了一個新圖片對象，并在其加載完成后獲取其寬度和高度。需要注意的是，由于圖片是異步加載的，所以我們需要在圖片加載完成后才能獲取其尺寸信息。同時，在獲取圖片寬高前，需要先將圖片對象的src設置為正確的圖片地址。 最后，我們可以利用獲取到的圖片尺寸信息進行適配和布局。例如，可以通過設置圖片的寬高比例來控制圖片的大小和位置，或者對于一些具有固定比例的圖片，可以提前設定好其大小以節(jié)省加載時間。 以上就是關于如何通過JavaScript獲取圖片尺寸的介紹，希望能幫助大家更好地進行Web頁面的開發(fā)和設計。