關於uc 的flex 和textarea 的width：100%；
這些天再做乙個wap的專案，本想著手機上不用考慮相容性問題，可以大刀闊斧搞，**** ie678！
在pc上完成頁面開發，在chrome模擬器上做頁面的矯，good！一切看起來都是很美好的樣子~~
開啟手機測試頁面，想想都有點小激動呢！掃碼，。。。。。。。。。。臥槽，啥瀏覽器這是！臥槽，這是uc嗎！
尼瑪，居然我的乙個最簡單頁面都不能正常顯示，畢竟只是只有兩個textarea的頁面啊，我擦，這都能出錯！？？@@...
檢查了**，測試了其他瀏覽器只有uc是這樣，textarea寬度設定width：100%；並不能全屏。console了body和textarea的寬度，分別是360 和348。後來發現居然有uc開發版，可以pc調控手機，大喜過望，然並卵。。。並沒有發現多餘的padding和margin，而且除了textarea別的標籤都可以100%。
專案逼近，必須得把這個醜陋的輸入框改掉啊！
除了設定寬度100%還有別的方法麼，臥槽，對了，display：flex；後來我給textarea找了個父元素寬度100%，textarea就flex：1；忐忑中再次掃碼，湊！好樣的，就是我要的100%！
好噠，解決了剩下的那乙個，如法炮製就ok了，哈哈，真是佩服自己的機智。加父元素，複製css，ctrl+s，掃碼。
臥槽，傻了，尼瑪怎麼都是一半的寬度。
( ⊙ o ⊙ )是的！就醬紫，專案逼近啊。。。腫麼辦!!!只有特麼的uc！！！**** uc！！！╮(╯▽╰)╭，還得解決問題啊，試了很多屬性都不行。最後刪除複製錯了，尼瑪居然ok了。
父元素去掉display：flex；子元素都是flex:1.寬度100%;就這樣uc就是全屏了。
別問我為什麼，可能這就是愛吧。。。愛是解釋不清楚的。。。
另外，如果你的flex元素是input你需要給它指定display：block才能讓它去自適應寬度。還有inpu要寫明高度height，不然你一輸入就是高度變低，然後在恢復回去，真是奇葩哦。。。。。。
別問為什麼，可能真的就是uc的愛
解決UC瀏覽器或微信瀏覽器上flex相容問題
在uc瀏覽器上使用display flex 時會不起作用，要加上相容性寫法，如下 display webkit box old ios 6 safari 3.1 6 display moz box old firefox 19 buggy but mostly works display ms fl...
彈框在UC瀏覽器或者Android機器上會被頂上去
彈框在uc瀏覽器或者android機器上會被頂上去 可以通過監聽resize事件 this.height document height window.addeventlistener resize else else if document.body.clientheight this heigh...
瀏覽器字型大小的坑
瀏覽器字型大小有兩個需要注意的地方，有時候會碰到相容性的問題。第一，是瀏覽器預設的字型大小是16px，所以重置css的時候將字型大小預設改為10px是這樣改的 html,body 後面設定字型大小rem，em都依據body的字型大小計算比較方便。第二，瀏覽器可以識別的最小字型也是有偏差的。比如，谷歌...