07
2008
07

控制网页满屏显示最简单的方法

Css控制网页满屏显示?在做一些内容比较少的网页时,通常会用到一个满屏效果来使网页铺满屏幕,但现在的显示器很多样话,支持的分辨率也有所不同,那怎么才能使得网页的高宽都100%显示呢?

Css控制网页满屏显示,百度一下可以找到很多方法,想用SCRIPT实现,用DIV的浮动属性,这都得写大把的代码来实现.可以是用过Dreamweaver2004的朋友应该会知道在这里面可以用表格的宽度和高度100%来实现它,同时CSS也可以控制100%.但从Dreamweaver2005以后高级的CSS编写工具中达不到这一效果.

罗嗦这么多,转入正题.在用工具建HTML页面时你会发现新建的HTML页面第一行的DTD调用,Dreamweaver2005以后的工具生成的是这个DTD   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,而2004生成的是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">这个DTD.

最后问题的答案就是:在<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">这个DTD下可以实现宽度100%的设置,而<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">不行,大家可以自己试试.呵呵.至于为什么会这样?要去问W3C.

 PS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  是W3C推出的可扩展超文本标记语言,xhtml1.0的一种标准,引用他代表底下的代码是按它的标准编写.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">是xhtml的前一个版本,为超文本标记语言的最后版本,呵呵.后面都用可扩展了。所以用它后,会有一些CSS属性失效.请甚用.呵呵.

« 上一篇下一篇 »

相关文章:

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。