[分享]css兼容性谷歌浏览器

CSS兼容性一直是Web开发的一个重要问题，特别是在使用谷歌浏览器进行开发时，需要特别注意谷歌的一些CSS兼容性问题。下面我们来详细介绍一下。 /1. 文本域的文本垂直居中/ textarea{ ve...

CSS兼容性一直是Web开发的一个重要问题，特别是在使用谷歌浏览器进行开发时，需要特别注意谷歌的一些CSS兼容性问题。下面我们来详细介绍一下。

 /*1. 文本域的文本垂直居中*/
    textarea{
        vertical-align: middle;
    }

    /*2. 清除input的默认外边距*/
    input{
        margin: 0;
    }

    /*3. 移除Chrome和Safari的外边距*/
    body{
        margin: 0;
    }

    /*4. 防止移动端出现放大情况*/
    textarea{
        font-size: 16px;
        -webkit-text-size-adjust: none;
    }

    /*5. 设置高度超出的部分隐藏*/
    overflow: hidden;

    /*6. 防止触摸透视效果*/
    img{
        -webkit-touch-callout: none;
    }

    /*7. 防止移动端出现拖拽效果*/
    img{
        -webkit-user-select: none;
    }

    /*8. 修改IE下的placeholder样式*/
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
        color: #999;
        font-size: 14px;
    } 

以上就是一些谷歌浏览器下常见的CSS兼容性问题及对应的解决方案。我们需要在开发时能够全面了解各个浏览器的CSS兼容性问题，并及时解决这些问题，为用户带来更好的体验。