欢迎来到天天文库
浏览记录
ID：20906254
大小：52.50 KB
页数：3页
时间：2018-10-17
《解决列高度自适应(相同)的五种方法--.》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
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>采用印刷式的固定设计方案或许要容易些，因为如果尺寸不变，则考虑的东西就相对较少。可是如果采用弹性的设计方法，就可以充分利用电脑的显示器和浏览器。</p><p>也许你想你的网站以某种特定的方式显示，但是你的用户想看到的可能不一样。任何强加于用户的东西都不利于易用性，从而对网站的成功造成损害。</p><p>要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。但是如果恰当利用，就可以成为增强亲和力和易用性的一个自然选择，同时又无须做出设计上的牺牲。</p></div><h2>sideright</h2><p>
6、要从固定的、基于像素的设计方法转到弹性的、相对的设计方法并不容易。但是如果恰当利用，就可以成为增强亲和力和易用性的一个自然选择，同时又无须做出设计上的牺牲。</p><p>像素是计算机屏幕上的不可缩放的点，而一个h3就是一个字大小的方块。由于字体大小的变化，h3代表用户喜欢的文字大小的相对单位。</p><p>采用印刷式的固定设计方案或许要容易些，因为如果尺寸不变，则考虑的东西就相对较少。可是如果采用弹性的设计方法，就可以充分利用电脑的显示器和浏览器。</p><p>也许你想你的网站以某种特定的方式显示，但是你的用户想看到的可能不一样。任何强加于用户的
7、东西都不利于易用性，从而对网站的成功造成损害。</p></div></div><divid="footer"><address>Footer</address><p>制作：<ahref=".jzxue.">建站学</a></p></div></body></html>运行代码复制代码12345下一页[这篇文章来自..，]另存代码收藏本页[Ctrl+A全部选择提示：你可先修改部分代码，再按运行
此文档下载收益归作者所有
