摘要:前段時間做了一個端單頁面應用因為項目開始的比較倉促,加上本人前端經驗特別少,雖然項目大體完成了,但是頁面布局確成立它的硬傷為了填補心里落差,專門做了一個的單頁面布局,代碼很簡單,大牛請繞過。
前段時間做了一個PC端單頁面應用 GitHub
因為項目開始的比較倉促,加上本人前端經驗特別少,雖然項目大體完成了,但是頁面布局確成立它的硬傷...為了填補心里落差,專門做了一個h5的單頁面布局,代碼很簡單,大牛請繞過。
演示:Demo-Oline
頁面兼容 IE11/Chrome/FireFox(IE10以下未測試)
隨瀏覽器大小自動縮放,不會出現可惡的滾動條
index.html
h5-page-layout header right-content
layout.css
@charset "utf-8"; html, body { margin: 0px; padding: 0px; height: 100%; color: white; } header { height: 10%; border-bottom: 1px solid gray; box-sizing: border-box; background: #409EFF; } section { height: 70%; box-sizing: border-box; } .left-menu { width: 10%; height: 100%; background: #67C23A; border-right: 1px solid gray; box-sizing: border-box; float: left; } .right-content { width: 90%; height: 100%; float: left; background: #E6A23C; } footer { height: 20%; border-top: 1px solid gray; box-sizing: border-box; background: #F56C6C; }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51684.html
摘要:整理收藏一些優秀的文章及大佬博客留著慢慢學習原文協作規范中文技術文檔協作規范阮一峰編程風格凹凸實驗室前端代碼規范風格指南這一次,徹底弄懂執行機制一次弄懂徹底解決此類面試問題瀏覽器與的事件循環有何區別筆試題事件循環機制異步編程理解的異步 better-learning 整理收藏一些優秀的文章及大佬博客留著慢慢學習 原文:https://www.ahwgs.cn/youxiuwenzhan...
閱讀 781·2021-11-09 09:47
閱讀 1568·2019-08-30 15:44
閱讀 1143·2019-08-26 13:46
閱讀 2107·2019-08-26 13:41
閱讀 1266·2019-08-26 13:32
閱讀 3772·2019-08-26 10:35
閱讀 3519·2019-08-23 17:16
閱讀 448·2019-08-23 17:07