做完的界面在不用的浏览器 显示效果不一样怎么处理

做完的界面在不用的浏览器 显示效果不一样怎么办
刚刚接触 做网站，在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这三个能搞定的，基本上其他浏览器都能搞定的

查看更多 下一篇