我有一張圖像，其高度大于其寬度（比例最多可達10倍，并且寬度也在不斷變化）我已經制作了一個固定的 td 寬度和高度。我正在嘗試將圖像放入其中，但我希望它顯示 100% 的寬度和可滾動的高度。圖像的長寬比在顯示時不應改變。這是我的相關代碼。<body onload="getResolution();">function getResolution() {var w40w = 0.40 * window.innerWidth ;var w80h = 0.8 * window.innerHeight ;document.getElementById('question_td_verb_p_rc').style.width = w40w+'px';document.getElementById('question_td_verb_p_rc').style.height = w80h+'px';document.getElementById('question_td_verb_p_rc').style.overflow = "auto";}<table class="questiontable" border="1"> <tr> <td rowspan="6" id="question_td_verb_p_rc" style="padding-left:5px;"> <a href='1.png' target="_blank"><img src="1.png"></a></td> </tr>CSStable.questiontable{ width:80%;}我嘗試了很多方法，但沒有一個有效。我得到的圖像顯示為適合 td，或者如果我設置寬度 100% 和高度為 auto，我得到的圖像顯示為適合寬度 100%，但將表格拉得很長。桌子高度是屏幕高度的80%。（正確顯示）有問題的 td 是表的第一列及其整列。表的第二列有 6 行。與 CSS 解決方案相比，我確實更喜歡 javascript 解決方案，但任何解決方案都受到高度贊賞。我希望我是可以理解的，為我對英語的掌握不好而道歉。
將圖像調整為固定大小 <td>，寬度為 100%，高度可滾動
慕后森
2023-08-18 10:03:39
