? ? ? ? 細(xì)數(shù)入行開(kāi)發(fā)以來(lái)间坐，遇到的大大小小的坑灾挨，有的填上了邑退，有的找不到了，還有的依舊靜靜地躺在那里劳澄，你去填也好地技，不去填也好，她就靜靜的待在哪里秒拔，動(dòng)也不動(dòng)莫矗。。砂缩。
? ? ? ? 一直以來(lái)不喜歡總結(jié)作谚，所以總是慢半拍，最近終于狠下心總結(jié)一下庵芭，開(kāi)發(fā)以來(lái)解決的那些大大小小的坑妹懒，可惜，當(dāng)你愛(ài)我時(shí)双吆，你在身邊眨唬，當(dāng)我回首時(shí)，你已遠(yuǎn)走伊诵，寂靜单绑，悄然。曹宴。搂橙。
?一、margin屬性在IE8情況下的雙邊距問(wèn)題笛坦，相信大多數(shù)同學(xué)對(duì)這一問(wèn)題都比較熟悉区转，而且解決方法 ? ?也是多如牛毛，不過(guò)現(xiàn)在要說(shuō)的不是IE8版扩，而是微信在IOS10.2系統(tǒng)的WKwebview內(nèi)核的頁(yè)面废离，更新之后的微信內(nèi)核同樣會(huì)出現(xiàn)雙邊距，解決方法也很簡(jiǎn)單礁芦，換成padding撐開(kāi)距離就好蜻韭。
二、IOS手機(jī)運(yùn)行微信頁(yè)面柿扣，調(diào)用MUI的picker會(huì)同時(shí)調(diào)用到IOS的輸入軟鍵盤肖方，解決方法則是在調(diào)用picker之前禁用ios軟鍵盤，
1.解決辦法為：為input添加一個(gè)readonly="readonly"屬性未状；
? ? ? ? ?<input ?readonly ="readonly" type="text" >
2.相關(guān)知識(shí)點(diǎn)：禁用輸入法或中文輸入
? ? ? ? <input?type="text" value="" style="ime-mode:disabled" onkeypress="noPermitInput(event)">
關(guān)于樣式 ime-mode俯画，網(wǎng)上查找如下：
ime-modeCSS提議屬性
語(yǔ)法：
ime-mode : auto | active | inactive | disabled
參數(shù)：
auto: 不影響IME的狀態(tài)。與不指定ime-mode屬性時(shí)相同
active: 指定所有使用IME輸入的字符司草。即激活本地語(yǔ)言輸入法艰垂。用戶仍可以撤銷激活I(lǐng)ME
inactive: 指定所有不使用IME輸入的字符泡仗。即激活非本地語(yǔ)言。用戶仍可以撤銷激活I(lǐng)ME
disabled: 完全禁用IME猜憎。對(duì)于有焦點(diǎn)的控件（如輸入框）娩怎，用戶不可以激活I(lǐng)ME
說(shuō)明：
設(shè)置或檢索是否允許用戶激活輸入中文，韓文胰柑，日文等的輸入法（IME）狀態(tài)峦树。
對(duì)應(yīng)的腳本特性為imeMode。
示例：
<input type=text style='ime-mode: disabled; '>
三旦事、ios系統(tǒng)進(jìn)入頁(yè)面，軟鍵盤喚起后急灭，頁(yè)面的 fixed 元素失效（即無(wú)法浮動(dòng)姐浮，也可以理解為變成了 absolute 定位）
解決方法：
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
全部添加進(jìn)外層父元素的樣式里會(huì)產(chǎn)生一種叫做‘神奇’的效果。
