方法/步骤\x0d\x0a不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。\x0d\x0a因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：\x0d\x0a*{margin:0pxpadding:0px}\x0d\x0a借于此，所有标记的内外边距被统一起来。\x0d\x0a优先级问题：\x0d\x0a对于同一标记属性所给定的值，有不同的优先级。其中优先级最高的是内联代码，其实是页内CSS，接下来是浏览器默认设置，最后才是外部CSS所做的限制。\x0d\x0aMargin不一致的问题：\x0d\x0a当有多张图片需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片添加“Display：inline”项即可。\x0d\x0aDIV居中问题：\x0d\x0a通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。\x0d\x0a内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。\x0d\x0a掌握了这一规则，在利用DIV块进行布局时我们就可以做的更加得心应手。由于不同的显示器其长宽比例是不同的，你不可能要求在4:3的显示器中显示正常的页面到了16:9的显示器仍然能保持原样，所以要想让页面适应不同的显示器，必须坚持一个原则，就是宽度和高度只能选择一样，比如宽度按100%显示，则高度就只能自动（可以超出屏幕可视范围，也可以小于）；反之，如果高度按100%显示，则宽度就要自动。只有这样，宽度和高度才能保持比例不变。
高度按百分比显示无效是因为浏览器默认把可视区域的高度自动设为0了，经过下面处理即可：
html,body {width:100%height:100%}
1.可以通过个人pc固定的浏览器，这些浏览器都有自身的内核，可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。但是在巨大的浏览器市场里面，想要约束或者强制网民使用某一款浏览器是做不到的，这样子指挥带给客户非常不好的印象和丢失一大批的客户。
对于办公场景，现在员工使用的网络人数有限，不像普通市民拥有好记忆的网民。因此我们必须花费时间去测试建通和修复这样的难题。我们应该可以针对于网名做相应的优化。但是在公司办公的时候，我们应该强制使用具有安全认证的固定浏览器，可以减少开发的工作量，还可以防止数据泄露和木马入侵。达到保障企业数据安全，事半功倍的效果。
3
2.面对不同浏览器的兼容问题，所有的H5都是基于框架来开发的。现在行业中主流的UI框架有很多，比如国内的Amaze。基于这些框架来设计网站可以减少大量的兼容浏览器的调试工作。很多的UI框架都是具有十分优美的审美观，还能够通过网民的习惯和喜好和相应主流的浏览器做大量的优化调整。
