bugs

1   Do not use 'new' for side effects  

/* eslint-disable no-new */
new Layout()...


2 input 不在顯示上下加減的控制按鈕

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none; 
}
input[type="number"]{
    -moz-appearance: textfield;
}

3  click事件 在iphone上面很差使
解決方式：爲click元素，添加cursor:pointer樣式便可。
原理：iPhone支持touch事件，可是不會把click事件處理爲touch事件，因此要在樣式裏面設置一條:cursor:pointer，這樣就會使系統把當前的標籤處理爲a標籤的click事件，而後執行click事件。

4 輸入框被軟鍵盤遮擋
問題描述：咱們使用 H5 作移動 App，或者進行移動網站開發時。若是文本輸入框在整個頁面的下方，當咱們點擊輸入框要輸入文字時，系統彈出的虛擬鍵盤就會將輸入框給擋住
解決方式：

1 $$('input[type="text"],textarea').on('click', function () {
2   var target = this;
3   setTimeout(function(){
4         target.scrollIntoViewIfNeeded();
5         console.log('scrollIntoViewIfNeeded');
6       },1000); //親測：設置爲1000比較合適
7 });

 原理：元素的 scrollIntoViewIfNeeded() 方法執行後若是當前元素在視口中不可見，則會滾動瀏覽器窗口或容器元素，最終讓它可見。若是當前元素在視口中已是可見的，這個方法什麼也不作。