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

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

function HiTableid var obj=documentgetElementByIdid===quotquot？quotquotquotquot 展開隱藏。

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

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

首先瀏覽器F12 然后點擊頁面那個條形碼 找到是哪一個樣式應(yīng)用了高度 你可以在瀏覽器先調(diào)整好 最后找到對應(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。