您好,登錄后才能下訂單哦!
這篇“css列表滑動(dòng)防止被底部遮住和適配屏幕的方法是什么”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“css列表滑動(dòng)防止被底部遮住和適配屏幕的方法是什么”文章吧。
移動(dòng)端處理列表滑動(dòng)的時(shí)候,微信底下有自帶的返回頁面按鈕,經(jīng)常會(huì)被遮住,遇到屏幕長一點(diǎn)的,下面會(huì)短一大截,以下用此方法可以解決。
.container{ position:relative; background:url(../img/chooseBg.jpg) no-repeat center center; background-size:cover; width:100%; height:100%; //.listConHeight{ // height:9rem; // overflow:auto; //} .listConHeight { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.3rem; box-sizing: border-box; ul { width:6.78rem; height: 100%; margin:0 auto; overflow: auto; -webkit-overflow-scrolling: touch; } }
1.行內(nèi)樣式,最直接最簡單的一種,直接對(duì)HTML標(biāo)簽使用style=""。
2.內(nèi)嵌樣式,就是將CSS代碼寫在之間,并且用進(jìn)行聲明。
3.外部樣式,其中鏈接樣式是使用頻率最高,最實(shí)用的樣式,只需要在之間加上就可以了。其次就是導(dǎo)入樣式,導(dǎo)入樣式和鏈接樣式比較相似,采用@import樣式導(dǎo)入CSS樣式表,不建議使用。
以上就是關(guān)于“css列表滑動(dòng)防止被底部遮住和適配屏幕的方法是什么”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。