国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3移動端布局

瀏覽:64日期:2023-07-27 14:13:13

問題描述

css3有什么技巧能讓section的高度加上header和footer的高度正好是屏幕的高度不能用定位的,這關系到安卓的軟鍵盤會把頁面向上頂---css---.indexPage{ width:100%; height:100%; overflow:hidden; }.indexPage header{ height:100px; overflow:hidden;}.indexPage section{ width:100%; overflow:hidden;}.indexPage footer{ height:100px; overflow:hidden;}---html---<article class='indexPage'> <header></header> <section></section> <footer></footer></article>

問題解答

回答1:

這種布局使用 flex 再合適不過了。

csshtml,body { height: 100%;}body { margin: 0;}article { height: 100%; display: flex; flex-direction: column; text-align: center;}header { height: 50px; background: #ccc;}footer { height: 50px; background: #ccc;}section { flex: 1; background: #eee;}

前綴使用 autoprefixer 自動生成,瀏覽器的兼容性很理想。下面是 codepen 中的效果:

http://codepen.io/yuezk/pen/NqEqVv

標簽: CSS
相關文章:
主站蜘蛛池模板: 欧美成人精品大片免费流量 | 亚洲免费观看视频 | 99精品国产高清一区二区三区香蕉 | 日本国产一区二区三区 | 在线免费公开视频 | 国产伦一区二区三区四区久久 | 欧美成人午夜片一一在线观看 | 中文字幕高清在线天堂网 | 亚洲午夜网 | 日韩成人一级 | 午夜亚洲精品 | 久久久国产精品网站 | 中文三 级 黄 色 片 | 欧洲做人爱c欧美 | 99国产视频 | 韩国一级a毛片 | 俄罗斯毛片免费大全 | 久久国产免费一区二区三区 | 免费aⅴ片 | 欧美黄免在线播放 | 欧美经典成人在观看线视频 | 久久精品二三区 | 国产免费午夜a无码v视频 | 欧美成人看片一区二区三区 | 久草不卡视频 | 韩国免费播放一级毛片 | 国产成人99久久亚洲综合精品 | 久久综久久美利坚合众国 | 美国一级毛片片aa免 | 亚洲精品国产精品一区二区 | 国产精品久久免费 | 曰本aaaaa毛片午夜网站 | 久久久一区二区三区不卡 | 国产日韩欧美精品一区 | 国产在线观看第一页 | 伊人色综合久久天天网蜜月 | 久久精品视频亚洲 | 最全精品自拍视频在线 | 亚洲精品国产专区91在线 | 黄色网址亚洲 | 亚洲欧美日韩精品永久在线 |