网页分辨率设置技巧.doc_第1页
网页分辨率设置技巧.doc_第2页
网页分辨率设置技巧.doc_第3页
网页分辨率设置技巧.doc_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页分辨率设置技巧 发表于 2006-4-19 19:55:23 计网面时,苦恼过不同分辨率下显示的问题,不论你喜欢打表格,还是运用图层,当你在800600下完成创作下就会错位,或出现左对齐 1.如果你喜欢打表格,解决的办法就很简单了,只要把最外边的水平居中即可;如果你处理不好单元格,就把最外边的的width设成768针对800600而言;这样你的网页在800600满屏,1024768就水平局中了,如果想1024768下也满屏,你只要把最外边的的width设成100%。 说明:层,其实你可以把他看做是绝对定位标记区域,标记为 2.如果你喜欢运用图层,【我很喜欢,而且极爱】,居中问题就是一个大问题 图层的好处就是想怎么放就怎么放,比表格灵活的多,再者众多的动态页面技术javascript的运用都涉及到了层的概念。页面中表格与层的混合运用,在很多知名网站都可见其踪影因为是绝对定位的,【相对于浏览窗口0.0坐标】所以由于客户端分辨率的示时就会出现错位问题。 我的方法是:利用子层与父层的关系解决,具体细节请看下面的代码: New Page 1 aaaa bbbb 3.至于框架,我有一个笨方法, 是利用内联帧把框架的索引页放在里面在外面放一个合适的,具体细节请看下面的代码: New Page 2 这种方法比较简单地,西西。大家可以根据自己地要求改。 做3个页面,分别命名为“640480.htm”“800600.htm“1024768.htm”,3个页面分别为三种分辨率下浏览的页,然后index.htm的原代码如下: 要使网页自动适应不同分辨率,那就得要使用百分比来控制表格了,因为分辨率变化了表格能随着它的变化而变化。具体实现方法就是,用DREAMWEAVER新建一个网页,在网页中插入一个一行一列的表格,表格的宽为100%,高为100%,填充/边框/间距都设为0,然后在这个表格中插入表格进行排版。以上就是解决方法了,具体网页源代码如下:无标题文档 大家可以自己具体实验一下,把上面代码中的table加上一中颜色较深的背景颜色,在两种分辨率的情况下在浏览器中打开网页看看效果。一般我们都是在800*600分辨率下做页面,如果页面设置了居中对齐方式,那在1024*768等不同分辨率下,层的位置就会有很大偏差,这里提供一个简单的方法在里加如下scriptfunction pageinit()var xxx=(window.screen.width-800)/2+565;Layer1.style.left=xxx;然后在中加入onLoad=pageinit()这是通过不同分辨率计算层的位置来实现,layer1是页面中的层,565是这个层在800*600下的left数值,针对做死的页面比较好,如有多个层就每个都这样设置一下yexj00: 在页面一打开的时候,就铺满

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论