前端兼容性解决方法-前端页面兼容性问题怎么解决

今天来给大家分享一下关于前端兼容性解决方法-前端页面兼容性问题怎么解决的问题，以下是对此问题的归纳整理，让我们一起来看看吧。

前端开发常见的兼容性问题及解决方案

解决方法：给input增加样式

使用这两个样式布局的时候

会出现 中间有空白的情况

解决办法是 给他们的父级设置 font-size:0

1.给父级元素设置

2.给父级样式设置

示例

3.添加空div

然后给空div设置

请参考笔记 ，奇怪的 && 和 ||

当两个值都为布尔值的时候 会返回布尔值

但是 两个都是变量的时候 会返回后面那个变量的值 这是非常奇怪的

去掉苹果手机默认的按钮样式

注意手机阻止默认事件，不可以加到某一个层上面

需要加到全局document上，确实非常的坑爹

使用classList.contains(\"class\") 可以检查元素是否拥有某样式

给左边的图片设置vertical-align:top

然后使用padding-top的方式去布局就不会左右不对称了

这种情况是图片和行高的大小差不多的情况 即 图片大于文字的大小

如果图片比文字小就需要使用vertical-align:middle去布局了

internet explorer -- Trident

Mozilla Firefox -- Gecko

opera -- Presto

safari / chrome -- WebKit

以上就是由优质生活领域创作者 嘉文社百科网小编 整理编辑的，如果觉得有帮助欢迎收藏转发~