移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:01:49
移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css
移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css_WEB-ITnose:在做html5的頁面時(shí)，經(jīng)常遇到頁面內(nèi)容太少撐不起來整個(gè)手機(jī)屏幕的高度。 我們經(jīng)常使用min-height來處理，比如min-height:568px; 對(duì)應(yīng)的是iPhone5 的高度； 而這樣iPhone6plus下方就會(huì)出現(xiàn)空白。 而如果設(shè)置 min-height:736px; iPhon
導(dǎo)讀移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css_WEB-ITnose:在做html5的頁面時(shí)，經(jīng)常遇到頁面內(nèi)容太少撐不起來整個(gè)手機(jī)屏幕的高度。 我們經(jīng)常使用min-height來處理，比如min-height:568px; 對(duì)應(yīng)的是iPhone5 的高度； 而這樣iPhone6plus下方就會(huì)出現(xiàn)空白。 而如果設(shè)置 min-height:736px; iPhon
在做html5的頁面時(shí)，經(jīng)常遇到頁面內(nèi)容太少撐不起來整個(gè)手機(jī)屏幕的高度。
我們經(jīng)常使用min-height來處理，比如min-height:568px; 對(duì)應(yīng)的是iPhone5 的高度；
而這樣iPhone6plus下方就會(huì)出現(xiàn)空白。
而如果設(shè)置 min-height:736px; iPhone5的話就會(huì)出現(xiàn)滾動(dòng)條；
此時(shí)我們可以使用
position:absolute;left:0;right:0;top:0;bottom:0;
把min-height 干掉 就適應(yīng)任何屏幕100%高度啦。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css
移動(dòng)設(shè)備頁面高度不足時(shí)min-height的尷尬處理_html/css_WEB-ITnose:在做html5的頁面時(shí)，經(jīng)常遇到頁面內(nèi)容太少撐不起來整個(gè)手機(jī)屏幕的高度。 我們經(jīng)常使用min-height來處理，比如min-height:568px; 對(duì)應(yīng)的是iPhone5 的高度； 而這樣iPhone6plus下方就會(huì)出現(xiàn)空白。 而如果設(shè)置 min-height:736px; iPhon
