一般怎样让网页版面自动适应屏幕分辨率

来源:百度知道 编辑:UC知道 时间:2024/05/01 02:24:08
在制作最大的表格时,把表格属性的宽度像素定义为一个固定数值,并且让表格居中?直接在最外面套个div居中行不,center标签或body设居中呢,这些有什么区别
现在都用div+css?是的话怎么做
楼下的这篇文章我看过,希望有更具体的答案

不要使用table布局,table只是用来显示数据的
布局的时候使用百分比的宽度,不要使用像素定义宽度
还有一些装饰性的图片要考虑网页宽度延伸是会不会破坏一开始的设计
还要考虑最小宽度,如果宽度过小网页可能会很难看

看一下我的网站 www.wftiaoma.cn

让网页版面自动适应屏幕分辨率的技巧
如何让网页版面更适合浏览者呢?这里有技巧
刚做好网页的朋友们经常收到网友们的反馈,说自己的网页排版乱得一塌糊涂,或者被拉伸,或者被压缩,要不就是不能完整显示在屏幕内。这是为什么呢?因为通常初学者朋友都按照自己的屏幕分辨率对网页进行设计,但是却没有考虑到网友们可能使用了别的屏幕分辨率,以至于看起来版面混乱。
目前,网友们上网通常会采用800×600、1024×768两种分辨率,由于网页不是用来给自己看的,所以我们必须让自己的网页能够兼顾这两种情况,让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法,特别说明一下除非你的网站是艺术类的,有特别需求,通常我们都会首先照顾分辨率设置为800×600的大众化标准。
一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接,主要*表格来定结构,那么你就可以使用该方法。非常适用于主要*表格、文字来表达信息的简单的网页页面。
制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
自然拉伸法的好处自不必说,可以总是充满整个屏幕,但是弱点也很明显:一来如果网页版面复杂,各图形元素之间有精确的的定位关系,一旦拉开或者压缩就会彻底变形;二来即使版面不太复杂,文字行数亦不好控制。有时候分辨率一旦变化,要么太密,要么太挤,就失去了作者设计版面的意图了。所以目前各大网站普遍采用的方法是固定居中法!
该方法的制作方法很简单。在制作最大的表格时,把表格属性的宽度像素定义为一个固定数值,并且让表格居中即可。以后制作