在我的網站 [ https://gatecybertech.com ] 上，為什么圖像無法正確調整大??？(1) 第一個地方是“GATE_Frame_1”和“GATE_Frame_2”，在第 67,68 行，我必須使用以下命令使它們顯示相同的大?。?nbsp; #GATE_Frame_1 { width: 78%; height: auto; }   #GATE_Frame_2 { width: 98%; height: auto; }這些圖像的png文件大小相同，但如果我不使用上述兩行，在我的手機上，當顯示該網站時，圖像不會重新調整大小，并且會有一些白色右側空格 [如何消除從 Android 手機查看的 Html 頁面中的空白？]，但為什么我必須設置不同的寬度[78%和98%]才能使它們顯示相同的大小，它工作正常，我只是不明白為什么它會這樣。(2) 在第 78,79 行，我必須使用以下行使圖像看起來大小相似：  #Traditional_vs_GATE_1 { width: 96%; height: auto; }   #Traditional_vs_GATE_2 { width: 99.6%; height: auto; }這是我能做的最好的，我嘗試了多種不同的組合，這是最好的匹配，但不是 100% 相同的大小，正如你所看到的，如果你將鼠標懸停在它們上 [ 網站上的最后一個大圖像底部]，它只會重新調整幾個像素的大小，但在第一個圖像 [ GATE_Frame_1 / GATE_Frame_2 ] 的情況下，當您將鼠標懸停在它們上時，它們的大小相同。我想一定是圖像的寬高比導致了問題，如果底部圖像與頂部圖像具有相同的寬高比，問題就會消失，所以我在底部添加了一些空白傳統_vs_GATE圖像，所以寬高比與頂部圖像相同，但問題仍然存在，所以我的問題是修復傳統_vs_GATE_1和傳統_vs_GATE_2圖像的好解決方案是什么，這樣當我將鼠標懸停在它們上時，它們就會顯示相同尺寸？我知道如果我去掉 2 行 [ # 78,79 ]，這將按照我想要的方式工作，但隨后該網站將無法在手機瀏覽器上正確顯示。