收录域名 » seo新闻 » 网页兼容性问题该如何解决

网页兼容性问题该如何解决

为什么我全屏显示正常,窗口显示就乱了?网页比例怎么设置详细:我一直都闹不懂是怎么设置的。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。

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

0 Comments