为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

网页分辨率设置技巧

2011-08-07 4页 doc 19KB 19阅读

用户头像

is_530274

暂无简介

举报
网页分辨率设置技巧网页分辨率设置技巧 网页分辨率设置技巧 发表于 2006-4-19 19:55:23 计网面时,苦恼过不同分辨率下显示的问题,不论你喜欢打表格,还是运用图层,当你在800×600下完成创作下就会错位,或出现左对齐 1.如果你喜欢打表格,解决的办法就很简单了,只要把最外边的水平居中即可;如果你处理不好单元格,就把最外边的的width设成"768"[针对800×600而言];这样你的网页在800×600满屏,1024×768就水平局中了,如果想1024×768下也满屏,你只要把最外边的的width设成"100%"。 说明:层,...
网页分辨率设置技巧
网页分辨率设置技巧 网页分辨率设置技巧 发于 2006-4-19 19:55:23 计网面时,苦恼过不同分辨率下显示的问,不论你喜欢打表格,还是运用图层,当你在800×600下完成创作下就会错位,或出现左对齐 1.如果你喜欢打表格,解决的办法就很简单了,只要把最外边的水平居中即可;如果你处理不好单元格,就把最外边的
的width设成"768"[针对800×600而言];这样你的网页在800×600满屏,1024×768就水平局中了,如果想1024×768下也满屏,你只要把最外边的
的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等不同分辨率下,层的位置就会有很大偏差, 这里提供一个简单的方法 在里加如下script function pageinit() { var xxx=(window.screen.width-800)/2+565; Layer1.style.left=xxx; } 然后在中加入onLoad="pageinit()" 这是通过不同分辨率计算层的位置来实现,layer1是页面中的层, 565是这个层在800*600下的left数值,针对做死的页面比较好, 如有多个层就每个都这样设置一下 yexj00: 在页面一打开的时候,就铺满屏幕:
/
本文档为【网页分辨率设置技巧】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
相关资料
热门搜索
你可能还喜欢

历史搜索

    清空历史搜索