資源描述：
《解決列高度自適應(相同)的五種方法--.》由會員上傳分享，免費在線閱讀，更多相關內容在學術論文-天天文庫。
1、解決列高度自適應(相同)的五種方法>>.1.背景圖填充這是使用最廣泛的一種做法，無hacks，推薦使用：<htmlxmlns=".l"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>Equalheight(列高度相同的方法)</title><styletype="text/css">body{padding:0;margin:0;font-size:12px;font-family:Arial,Helvetica,sans-serif;l
2、ine-height:140%;background:#E7DFD3;}#middle{argin-left:-580px;}#sideright{argin:0-170px00;background:#F0F0F0;}#footer{clear:both;}h1,h2,address,p{margin:0;padding:.8em;}h1,h2{font-size:20px;}</style><scripttype="text/javascript">//<![CDATA[functiontoggleContent(name,n){vari,t='',el=um
3、ent.getElementById(name);if(!el.origCont)el.origCont=el.innerHTML;for(i=0;i<n;i++)t+=el.origCont;el.innerHTML=t;}//]]></script></head><body><divid="header"><h1>Head</h1><divid="middle"><divid="sideright"><divid="sideleft"><h2>sideleft</h2><p><ahref="ja
4、vascript:toggleContent('sideleft',1)">默認長度</a>nbsp;nbsp;<ahref="javascript:toggleContent('sideleft',2)">加長頁面</a></p><p>要從固定的、基于像素的設計方法轉到彈性的、相對的設計方法并不容易。但是如果恰當利用，就可以成為增強親和力和易用性的一個自然選擇，同時又無須做出設計上的犧牲。</p><p>像素是計算機屏幕上的不可縮放的點，而一個h3就是一個字大小的方塊。由于字體大小的變化，h3代表用戶喜歡的文字大小的相對單位。</p>
5、<p>采用印刷式的固定設計方案或許要容易些，因為如果尺寸不變，則考慮的東西就相對較少?？墒侨绻捎脧椥缘脑O計方法，就可以充分利用電腦的顯示器和瀏覽器。</p><p>也許你想你的網站以某種特定的方式顯示，但是你的用戶想看到的可能不一樣。任何強加于用戶的東西都不利于易用性，從而對網站的成功造成損害。</p><p>要從固定的、基于像素的設計方法轉到彈性的、相對的設計方法并不容易。但是如果恰當利用，就可以成為增強親和力和易用性的一個自然選擇，同時又無須做出設計上的犧牲。</p></div><h2>sideright</h2><p>
6、要從固定的、基于像素的設計方法轉到彈性的、相對的設計方法并不容易。但是如果恰當利用，就可以成為增強親和力和易用性的一個自然選擇，同時又無須做出設計上的犧牲。</p><p>像素是計算機屏幕上的不可縮放的點，而一個h3就是一個字大小的方塊。由于字體大小的變化，h3代表用戶喜歡的文字大小的相對單位。</p><p>采用印刷式的固定設計方案或許要容易些，因為如果尺寸不變，則考慮的東西就相對較少?？墒侨绻捎脧椥缘脑O計方法，就可以充分利用電腦的顯示器和瀏覽器。</p><p>也許你想你的網站以某種特定的方式顯示，但是你的用戶想看到的可能不一樣。任何強加于用戶的
7、東西都不利于易用性，從而對網站的成功造成損害。</p></div></div><divid="footer"><address>Footer</address><p>制作：<ahref=".jzxue.">建站學</a></p></div></body></html>運行代碼復制代碼12345下一頁[這篇文章來自..，]另存代碼收藏本頁[Ctrl+A全部選擇提示：你可先修改部分代碼，再按運行
