如何使JSP页面的宽度根据显示器的分辨率自适应

如何使JSP页面的宽度根据显示器的分辨率自适应,第1张

一、 自然拉伸

如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为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设置其高度、宽度 第四:使用表格,做一个一行一列的表格,设置单元表格的宽度

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/12179272.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-21
下一篇2023-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存