亿世纪网站建设公司
当前所在位置:亿世纪网站建设公司 > 网站建设知识 > 网站建设知识

北京网站建设--网页兼容性问题该如何解决

发布时间:2013-04-01 当前栏目:网站建设知识 点击:次 文章作者:admin_super

     为什么我全屏显示正常,窗口显示就乱了?网页比例怎么设置详细:我一直都闹不懂是怎么设置的。DW里,我建了1009的宽度,是不是放宽屏显示器上只显示一半?我查了些资料,说要把宽度设置成比例,而不是具体的像素!!具体是设置哪里啊?我怎么试了好几个地方都不可以呢??好奇怪啊!
     像以上这种兼容性问题应该是每个美工程序员都会遇到的问题, 也是让他们最头痛的问题,为了满足用户的需求必须尽量兼容所有主流浏览器。一般情况有这几中不兼容问题:div垂直居中问题 、margin(边界)加倍、浮动ie产生双倍距离,该如何解决呢,北京网站建设在这和大家分享一个软件:IEtexter,下载地址: http://www.onlinedown.net/soft/73052.htm  这个软件是用来测试IE6,IE7,IE8,只要这3个版本的ie浏览器可以,那么你的网页做的就OK了。
    
div 垂直居中问题
     vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:300px; 然后插入文字,就垂直居中了。记住:控制内容不要换行。记的自己做过一个冷柜的网站侧边导航就遇到了这种情况,换行了上下的距离就增大了。

margin加倍
     一般设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline。

浮动ie产生双倍距离
      #fang{ float:left; width:200px; margin:0 0 0 100px; //这种情况之下IE会产生400px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table。

     以上就是北京网站建设在做网页时所总结的经验,希望可以帮到大家!

关键字:

本站文章均有北京网站建设原创,转载请注明出处,文章地址:http://www.25ysj.com/jzzhishi/342.html

上一篇:使用JQ实现图片延迟加载功能 下一篇:dedecms安全:data目录迁移到web以外目录
公司地址:北京市朝阳路中国第一商城B座2007室   邮箱:523010@qq.com
版权所有:亿世纪(北京)科技有限公司 2008-2020 京ICP备09107767号
网站关键词:北京网站建设|北京网站制作|北京网站建设公司