成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

移動(dòng)端兼容問題總結(jié)(1)

arashicage / 854人閱讀

摘要：原文地址鍵盤類型問題描述在上只需要更換即可更改鍵盤類型，無效。補(bǔ)充解決方式輸入法頂起頁面問題描述頁面被輸入法頂起，導(dǎo)致滾動(dòng)，無法鎖定解決方式在當(dāng)前容器外層再包裹一層，使用來解決這個(gè)問題，做一個(gè)容器內(nèi)滾動(dòng)。

原文地址: https://luoyangfu.com/article...
input 鍵盤類型問題

描述: 在android上只需要更換type 即可更改鍵盤類型，ios無效。

解決方法:

需要在表單元素外層增加

標(biāo)簽，才能生效

文本在android 偏上問題

描述： 在android上小于12px文本上下居中，android 文本顯示偏上

設(shè)置字體為11px， 上下居中.

解決方式1:

font-size: 22px;
padding: 10px 40px;
border-radius: 40px;
line-height: 22px;
zoom: 0.5;

解決方式2：

font-size: 22px;
padding: 10px 40px;
border-radius: 40px;
transform: scale(0.5);
transform-origin: 0% 0%;

這里都是通過先放大，然后在縮小來解決這個(gè)問題(這里應(yīng)該避免使用小于12px 字體的高度)

2019.07.11 記錄

方式1，在使用2倍設(shè)計(jì)稿的情況下可能會(huì)失效。方式2會(huì)占用當(dāng)前空間，可以設(shè)置 position: absolute 解決。

補(bǔ)充解決方式:

border-radius: 2px;
font-size: 10px;
padding: 2px 5px;
line-height: normal;
box-sizing: border-box;
ios 輸入法頂起頁面問題

描述：頁面被輸入法頂起，導(dǎo)致滾動(dòng)，無法鎖定

解決方式:

在當(dāng)前容器外層再包裹一層，使用 position: fixed 來解決這個(gè)問題，做一個(gè)容器內(nèi)滾動(dòng)。

iconfont transform 相關(guān)操作無效

描述: rotate 一個(gè)角度無效

解決方法:

需要直接操作 iconfont::before 這個(gè)偽類，不能直接對(duì)iconfont操作

.icon::before {
    transform: rotate(90deg);
}
ios 下 document.execCommand(copy) 無效

在ios 下直接使用 input.select() 這種方式無效需要采用下面方式:

input.setSelectionRange(0, data.length)

這種方式來選取文本的長度。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114941.html

相關(guān)文章

  • 移動(dòng)端兼容問題總結(jié)(3)

    摘要：發(fā)布于蒙層點(diǎn)擊滾動(dòng)穿透問題描述移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng)解決方式蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器并設(shè)置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點(diǎn)擊滾動(dòng)穿透問題 描述: 移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng) 解決方式:蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器 position: fixe...

    Pink 評(píng)論0 收藏0

  • 移動(dòng)端兼容問題總結(jié)(3)

    摘要：發(fā)布于蒙層點(diǎn)擊滾動(dòng)穿透問題描述移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng)解決方式蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器并設(shè)置。 發(fā)布于：https://www.luoyangfu.com/art... 蒙層點(diǎn)擊滾動(dòng)穿透問題 描述: 移動(dòng)端浮層內(nèi)部滾動(dòng)的時(shí)候，會(huì)導(dǎo)致浮層覆蓋的下面內(nèi)容也會(huì)滾動(dòng) 解決方式:蒙層出現(xiàn)的時(shí)候，給底部被覆蓋的滾動(dòng)容器 position: fixe...

    siberiawolf 評(píng)論0 收藏0

  • 移動(dòng)端兼容問題總結(jié)(2)

    摘要：發(fā)布于上使用等相對(duì)變量單位后，為橢圓描述根據(jù)網(wǎng)上解決方案設(shè)置為具體值即可。在移動(dòng)端兼容問題解決如果有其他解決方案，請(qǐng)不吝賜教。 發(fā)布于: https://luoyangfu.com/article... android 上使用 em,rem 等相對(duì)變量單位后，border-radius: 50% 為橢圓 描述showImg(https://cdn-cos.luoyangfu.com/...

    qpwoeiru96 評(píng)論0 收藏0

  • 移動(dòng)端兼容問題總結(jié)(2)

    摘要：發(fā)布于上使用等相對(duì)變量單位后，為橢圓描述根據(jù)網(wǎng)上解決方案設(shè)置為具體值即可。在移動(dòng)端兼容問題解決如果有其他解決方案，請(qǐng)不吝賜教。 發(fā)布于: https://luoyangfu.com/article... android 上使用 em,rem 等相對(duì)變量單位后，border-radius: 50% 為橢圓 描述showImg(https://cdn-cos.luoyangfu.com/...

    XanaHopper 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<