
一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。所以目前普遍采用的方法是固定居中法!
现在大多数网民都还在用800600的分辨率,所以我们一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,第一个要注意的是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
三、 兵分两路
如果你的网页不经常更新,而且对页面效果极其在意,那好,你就设计两个页面,分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。
首先你的frameset肯定会有两个iframe ,
给她们分别给个id,
用js判断页面显示区域高度,
frame高度就是你屏幕区域高度减去页面留白或者其他占用高度,
再给两帧用js分配高度,用百分比进行控制。
------------------------------------------
| banner |
------------------------------------------
| |
| |
| id:height=(screen-banner)60% |
| |
|----------------------------------------|
| |
| |
| id:height=(screen-banner)40% |
-----------------------------------------
可以设置固定高度或宽带,也可以将column设置成auto size
没有用百分比控制的
你是想不同的用户屏幕显示不同的宽度和高度吗,除非你知道用户的分辨率,然后算出具体的值
第一:使用 (/ nbsp /) 这是最简单的 第二:可以使用,利用style 设置其高度、宽度 第三:使用, 利用style设置其高度、宽度 第四:使用表格,做一个一行一列的表格,设置单元表格的宽度
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)