我希望我的影像顯示在我的作業系統上一樣清晰。我發現，如果我在 html 影像標記中指定影像的原始大小并不重要，Firefox 和 Chromium 會顯示它更大，因為這種模糊。
這是正在發生的事情：
左邊的影像是顯示在網路瀏覽器上的影像。正如您使用像素螢屏標尺看到的那樣，它的寬度為 200 像素。右邊的影像是我用我的 OS 影像查看器以 100% 大小查看的原始影像。喲可以在屬性中看到影像是 200 像素 x 200 像素。問題是我必須在 HTML 中指定較小的影像尺寸，以便瀏覽器將其顯示為原始尺寸，使其呈現時不會模糊。你可以看到我的 html 指定了 142px 的寬度和高度。
我認為這種瀏覽器行為是完全錯誤的，它不應該像這樣作業，但我不希望這會改變，這很可悲。那么，您如何處理這種情況呢？有沒有辦法在 HTML 中寫一些東西（比如在標題中）以使瀏覽器以 100% 的大小呈現影像？如何？
這是我在瀏覽器上以 280 像素顯示的“200px”影像：
uj5u.com熱心網友回復：
嘗試使用它，這可能會起作用，您只需要在 HTML 代碼中使用它。
<img src"200px.jpg" style="width:142px;height:142px;">
uj5u.com熱心網友回復：
不用在 HTML 中指定寬度和高度，而是使用 CSS 指定影像的寬度和高度。（下面的示例。下面是該示例的螢屏截圖（由 devtools 突出顯示的 img。）
img {
height: 142px;
width: 142px;
}<img src="http://teamcooper.co.uk/wordpress-content/uploads/2012/02/200px-HTML5-logo.svg_.png">
<!-- Note that the original dimensions of this image are 200x200 -->
uj5u.com熱心網友回復：
嘗試使用 CSS，以便您可以使用它，這可能會解決您的問題。僅供參考，您需要弄亂寬度和高度 % 以符合您的喜好。此外，您需要更改底部和右側的數字，以便它們位于您希望它們出現在頁面上的位置。
img{
display:block;
position:absolute;
bottom:0;
right:0;
width:20%;
height:20%;
}
uj5u.com熱心網友回復：
您確定您的瀏覽器設定為以 100% 的比例顯示嗎？我懷疑您可能將瀏覽器“縮放”，導致這種情況發生。在我的系統上，執行您正在執行的操作會以正常 (200x200) 大小顯示影像。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/471339.html
上一篇：如何使影像填充div的背景？（在div本身中使用img標簽）
下一篇：標記的影像物件不存在