日期:2014-05-17  浏览次数:20453 次

做完的界面在不用的浏览器 显示效果不一样怎么办
刚刚接触 做网站,在360浏览器上 调试好的界面,但是拿到 IE 上,或者 在别人的 浏览器上 效果就有一些出入,有的布局完全乱了,出现这个问题该 怎么 做才好。
布局

------解决方案--------------------
浏览器不兼容。去查查浏览器兼容性的学习资料。
------解决方案--------------------
引用:
引用:div css基础以及各种主流浏览器的hack要了解

哪里出问题,就解决哪里呗,这些是你需要学习的知识这基本是开发B/S一个头痛问题。。兼容需做好。。不同的IE版本效果也会不一样。。需要慢慢的有耐心的一个个调试


要了解各个版本的ie之间的一些差异,然后合理用hack
------解决方案--------------------
DIV+CSS功底。还有兼容性
------解决方案--------------------
一般CSS兼容都是浮动的问题 例如:float:left 这种。你再写个margin-left:20px;

IE6有可能就会有30px的距离。就需要 margin-left:20px!important; margin-left:10px; //css hack

还有就是火狐等 最主要就是ie6&ie7+ 的 兼容问题

开发人员一般都下载了好多个浏览器,用作测试。测试ie可用 ietester可测ie6 7 8
------解决方案--------------------
引用:
一般CSS兼容都是浮动的问题 例如:float:left 这种。你再写个margin-left:20px;

IE6有可能就会有30px的距离。就需要 margin-left:20px!important; margin-left:10px; //css hack

还有就是火狐等 最主要就是ie6&ie7+ 的 兼容问题

开发人员一般都下载了好多个浏览器,用作测试。测试ie……

在XP下,IETester没有IE9+版本浏览器,XP以上版本的windows系统可以测试IE9+版本浏览器
------解决方案--------------------
兼容性问题,有相关的代码~
------解决方案--------------------
估计是css写的不标准啊,尽量把css按照标准的来写的,用一些浏览器的开发者工具看看哪些样式生效的

正常如果
ie, chrome, firefox这三个能搞定的,基本上其他浏览器都能搞定的