移動端遇到的問題及解決方案 table

2021-07-15 14:26:02 字數 889 閱讀 4654

1.關於**:

一、**的滾動條隱藏:由於所需資料較多,**需要有滾動功能,可是滾動條又會影響頁面效果,只能保留滾動功能,隱藏滾動條。

我的做法:**外麵包有兩個父級。最外層設定好寬高,overflow-x:hidden;第二層:寬度設定110%; overflow-y:scoll;

二、表頭的固定:表頭固定在**頂部,不隨著**的滾動而滾動:表頭相對最外層絕對定位。**設定padding-top

三、**內容的垂直居中,**是有自帶樣式可以垂直居中的,

四、清楚**的自帶間距

**有很多自帶功能,讓我束手無策啊,乙個小小的頁面,出現了各種bug,最後放棄了**,用ul實現了。

表頭單獨一部分,內容單獨一部分,內容區域設定滾動條。這樣表頭就沒有了固定。

由於內容會多,所以單元格會有自動換行功能,讓li高度自動撐開,**左側序號,用的定位使其垂直居中。

要求頁面滿屏顯示,所以在最外側,加了div,給其設定了overflow:hidden;

.zb-data-div

.zb-thead-div

.zb-tbody-div

.zb-tbody-div ul

.zb-thead-div div,.zb-thead-div em

.zb-tbody-div div,.zb-tbody-div em

.zb-thead-div div,.zb-tbody-div div

.zb-thead-div em,.zb-tbody-div em

.zb-thead-div ul li,.zb-tbody-div ul li

.zb-tbody-div em a

.zb-tbody-div em a:hover

.zb-thead-div em

移動端常見問題及解決方案

h5頁面視窗自動調整到裝置寬度,並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 將 新增到主螢幕快速啟動方式,僅針對ios的safari頂端狀態條的樣式 移動端如何定義字型font family,中文字型使用系統預設即可,英文用helvetica 移動...

遇到的問題及解決方案

這篇筆記,主要記錄學習過程中遇到的一些問題,以及在網上找的相應的解決方案!希望能提醒自己別老是犯相同的錯誤。9.24 問題描述 我新建了乙個實體資料模型,編譯報錯說未能找到實體模型的命名空間,發現model.designer.cs檔案變成空的了,變成 解決方案 為了解決這個問題,你必須把它轉成乙個基...

移動端技術解決方案

1.移動端瀏覽器相容問題 移動端瀏覽器基本以 webkit 核心為主,因此我們就考慮webkit相容性問題。我們可以放心使用 h5 標籤和 css3 樣式。同時我們瀏覽器的私有字首我們只需要考慮新增 webkit 即可 2.移動端公共樣式 移動端 css 初始化推薦使用 normalize.css ...