工作中遇到的一些前端问题

      一、当form表单中只有一个输入框的时候，第一次提交表单时会出现没有提交数据的情况，经过观察发现这只是在提交表单的时候，刷新了页面导致，解决办法：

                                                   1、去掉form表单。

                                                   2、保证表单中不只有一个输入框，例如加一个隐藏的input标签。

     二、移动端去掉<input type="search"/>中右边的x：在css中加入：                                            

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
    }

      三、当输入超出出入框限制时显示 ....

input{
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}

      四、图片由于宽高不一样不能适配多种屏幕的大小，设置他随父元素大小变化而变化。

.cj_skipImg{
	width: 100%;
    height: 100%;
    objec-fit: cover;
}

五、免费开源插件网站  http://www.opendigg.com/