H5移動端開發相關內容

2021-08-11 20:46:26 字數 704 閱讀 4246

1、給頁面定義最大和最小寬度

2、去掉a、input標籤在瀏覽器中的預設樣式

a,button,input,optgroup,select,textarea

a, img

/* 流暢滾動 */

body

3、css控制字型的個數,超出顯示省略號

4、calc 的相容效果不是特別好,瀏覽器支援有限,不推薦使用

#formbox

5、 垂直居中

class="parent-div">

class="child-div">div>

div>

/* css */

.parent-div

.child-div

6、字型的上下空白間距, line-height設定為100%可以消除上下的空白間距

.font-div

/* 空白間距 = line-height - font-size */

/* line-height: normal 預設, 設定合理的行間距 */

7、 flex

H5相關內容(濾鏡,過渡,轉換,動畫)

2.input標籤 屬性 type 定義輸入標籤的型別 text password checkbox submit name 提交資料的名稱 value 提交資料的輸入框的值 placeholder 預製文字 1.webkit filter grayscale 設定灰度,1是百分之百,0是百分之0....

移動端h5開發基礎

移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度,縮放比例為1,禁止使用者縮放。用於檢測視口,主要的效果就是取消下面的滾動條,讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候,頁面也不會失真。三.相容手機螢幕大...

敏捷開發相關內容總結

這是我第一次接觸敏捷開發這個概念,因此如有錯誤之處還請老師指點。首先,什麼是敏捷開發?簡單的說,敏捷開發一種以人為核心 迭代 循序漸進的開發方法。在敏捷開發中,軟體專案的構建被切分成多個子專案,各個子專案的成果都經過測試,具備整合和可執行的特徵。那麼,為什麼會出現敏捷開發呢?回顧軟體開發時代共有如下...