论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

DivCSS布局关于分辨率与100%自适应问题的探讨!

文章类别:div+css布局 | 发表日期:2008-10-5 15:32:58

  在论坛看到有网友提问,关于分辨率与自适应的问题:

经典论坛原文如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
  本人最近在学CSS,但是有蛮多疑问。我现在在这里列出来。

  1.请问如何设定在不对的客户端都能正常的浏览(不变型)网页。你用CSS定位,你要怎么设定最外面的层宽?假如设定为。宽800
  那这有一矛盾,你知道客户是用什么?他假如用PDA上网他的浏览器,怎么去适应?假如对方的分辩率是用 1024宽?或是用 1280。再是用现在的1440这种的。我们自己设定个固定宽,不怕造成,对方的设备,不好正常显示器吗?

  2.假如用百分比定位。OK,应该可以解决适应问题,但又有一疑问出来,你用的是自适应,请问,那你内部的区域块的宽高,你要怎么设?因为你不知道你最大值不能超过多少。(不过CSS可以设定自动加长加宽区域,这个我觉得不错,不用像以前表格那样,不够用,只好再加,不够用再加,那样也累。)

本人阐述一些自己的拙见:

1、关于分辨率的使用:

  一般考虑800分辨率的使用,兼容1024。现在开始流行直接做成1024的分辨率了。一般可以设置水平居中对齐。可以兼顾大分辩率的浏览。假如考虑PDA等移动掌上设备访问的话,问题就大了去了。而且对于美工的要求就更高了,为了兼容会丢失很多细节表现。暂不建议这样做。

2、关于百分比自适应布局:

  假如用百分比进行制作,那么势必让页面的装饰图片尽量的少,因为你得兼顾最小的情况与最大的情况。而装饰性图片很多是不能这样进行适应的。有得必有失。呵。假如你用百分比进行三列式部局,顶部可以用100%,下面三列可以分别是:15% 70% 15%。(但请注重有时候需要适当缩减,因为显示器可能会让15% 70% 15%大于100%)
  
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058