国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

記錄手機(jī)端h5頁面碰到的一些問題

cheukyin / 2283人閱讀

摘要：關(guān)于光標(biāo)在手機(jī)端偏移問題根本不要使用垂直居中。解決方法可直接定義，然后高度由上下值撐開。

關(guān)于input光標(biāo)在手機(jī)端偏移

問題根本：不要使用line-height垂直居中。
解決方法：可直接定義height，然后高度由上下padding值撐開。

移動(dòng)端清除input光標(biāo)

ios input 添加 readonly unselectable=”on” 屬性，光標(biāo)依舊還在

input聚焦時(shí)馬上讓它失焦，代碼

$("input[readonly]").on("focus", function() {
    $(this).trigger("blur");
});

親測(cè)在蘋果手機(jī)可行

div不知道高寬的情況下居中

支持微信瀏覽器的translate寫法 其他瀏覽器需要加上-ms- -moz- -webkit- -o-

.parentDiv{
  position:relative;
}
.childDiv{
  width:100px;
  height:100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
手機(jī)端彈框背景的透明黑底背景樣式 
.maskin{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}
css實(shí)現(xiàn)單行、多行顯示省略號(hào) 
//單行
div{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
css實(shí)現(xiàn)圖片正方形加載

在vue中可以使用內(nèi)聯(lián)樣式循環(huán)img :style="{backgroundImage: "url("+ img +")"}"

url-div {
   width:100px;
   height:100px;
   background-image: url();
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}
移動(dòng)端1px問題 
.border-1px {
    position: relative;
}
.border-1px:after {
    position: absolute;
    content: "";
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-bottom: 1px solid #666;
}
移動(dòng)端字體設(shè)置 
body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;

}
移動(dòng)端meta設(shè)置

碰到問題還會(huì)記錄

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

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

相關(guān)文章

  • 記錄手機(jī)端h5頁面碰到的一些問題

    摘要：關(guān)于光標(biāo)在手機(jī)端偏移問題根本不要使用垂直居中。解決方法可直接定義，然后高度由上下值撐開。 關(guān)于input光標(biāo)在手機(jī)端偏移 問題根本：不要使用line-height垂直居中。 解決方法：可直接定義height，然后高度由上下padding值撐開。 移動(dòng)端清除input光標(biāo) ios input 添加 readonly unselectable=on 屬性，光標(biāo)依舊還在 input聚焦時(shí)馬上...

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

  • Hybrid APP架構(gòu)設(shè)計(jì)思路

    摘要：本文將從以下幾個(gè)方面闡述架構(gòu)設(shè)計(jì)的一些經(jīng)驗(yàn)和思考。原文及討論請(qǐng)到通訊作為一種跨語言開發(fā)模式，通訊層是架構(gòu)首先應(yīng)該考慮和設(shè)計(jì)的，往后所有的邏輯都是基于通訊層展開。 關(guān)于Hybrid模式開發(fā)app的好處，網(wǎng)絡(luò)上已有很多文章闡述了，這里不展開。 本文將從以下幾個(gè)方面闡述Hybrid app架構(gòu)設(shè)計(jì)的一些經(jīng)驗(yàn)和思考。 原文及討論請(qǐng)到 github issue 通訊 作為一種跨語言開發(fā)模式，通訊...

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

  • wap html5播放器和直播開發(fā)小結(jié)

    摘要：此文已由作者吳家聯(lián)授權(quán)網(wǎng)易云社區(qū)發(fā)布。歡迎訪問網(wǎng)易云社區(qū)，了解更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營經(jīng)驗(yàn)。播放器的設(shè)計(jì)思路重構(gòu)后應(yīng)該包含這些功能支持點(diǎn)播非加密的和直播播放兼容適配移動(dòng)端根據(jù)平臺(tái)自動(dòng)選擇使用還是。直播的一些特點(diǎn)直播狀態(tài)的判斷。 此文已由作者吳家聯(lián)授權(quán)網(wǎng)易云社區(qū)發(fā)布。 歡迎訪問網(wǎng)易云社區(qū)，了解更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營經(jīng)驗(yàn)。 去年年中的時(shí)候，借著產(chǎn)品改版的機(jī)會(huì)，將之前的h5播放器好好整理重構(gòu)了一番...

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

  • 關(guān)于移動(dòng)端基礎(chǔ)布局概念方式和常見問題總結(jié) (不定時(shí)更新)

    摘要：前言本來是打算寫寫怎么使用進(jìn)行移動(dòng)端的布局的然后前面還加些像素基本知識(shí)鋪墊后面又加了些屬性概念最后還來些常見布局問題和系統(tǒng)樣式果然排版也是門高深學(xué)問這里有些自己寫的有些看完之后總結(jié)出來的還有些別人那里搬來的順帶會(huì)送上飛機(jī)票告訴你們來源在哪 前言 本來是打算寫寫怎么使用 lib-flexible 進(jìn)行移動(dòng)端的布局的, 然后前面還加些像素基本知識(shí)鋪墊, 后面又加了些 CSS 屬性概念, 最...

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

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

0條評(píng)論

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