你不用給固定高度，你給一個(gè)maxheight300px就可以解決了，這樣少的時(shí)候自適應(yīng)，超過(guò)300，你可以用自己的邏輯處理，豈不美哉。

我有個(gè)方法，js我就不寫(xiě)了，說(shuō)下思路 zoom 來(lái)設(shè)置頁(yè)面的縮放，比如 bodyzoom08 就是以08的比例縮小頁(yè)面，var h = 獲得屏幕寬度 documentgetElementsByTagName#39body#39style。

function HiTableid var obj=documentgetElementByIdid===quotquot？quotquotquotquot 展開(kāi)隱藏。

var t = oattr#39state#39 自定義屬性， 1為展開(kāi)， 0為收縮 var id=oattrquotidquotif t == 0 quot#bquot+id hidquotaddClassquotshowquot 展開(kāi) 只是展開(kāi)可以考慮自帶函數(shù) showoattr#39s。

在 中加入onload=quotshowHidee，objnamequot即可即 objname要根據(jù)實(shí)際變換成實(shí)際的objname。

首先瀏覽器F12 然后點(diǎn)擊頁(yè)面那個(gè)條形碼 找到是哪一個(gè)樣式應(yīng)用了高度 你可以在瀏覽器先調(diào)整好 最后找到對(duì)應(yīng)的css代碼改掉 如果找不到，可以直接在最后一行把之前的覆蓋掉 有幫助別忘記采納親。

然后js代碼就可以這樣quotdivbodyquotcssquottransformquotquotscale08quot，quottransformoriginquotquot50% 0quot。

JSwindowonload=function var aDiv=documentgetElementsByTagName#39div#39for var i = 0 i lt aDivlength i++ aDivionmouseover=function Movethis，width200，height200aDivi。