wap html 知識點整理（持續更新）

wap(html)知識點整理（持續更新）

px為固定大小

em/rem為相對大小，其中em相對其父節點，rem相對html根節點

在把px轉換成rem的過程中，會在設定html的css的font-size為62.5%已使得在進行px到rem的轉換中1rem=10px。但是這種方式在chrome中不起作用，這樣設定之後1rem=12px，這是因為chrome認為字型的最小為12px，你設定1rem等於10px，chrome強制轉換成1rem=12px。

把html的font-size設定成625%，那麼1rem=100px就可以了。

左邊固定，右邊自適應(一定記住要clear

float)div>

style="width: 200px; height: 200px;float: left;background-color: gray;">

200x200

div>

style="height: 200px; margin-left: 200px;background-color: purple;color: white;"> 自適應寬度!

!!自適應寬度!

!!自適應寬度!!!

div>

style="clear: both;">div>

div>

右邊固定，左邊自適應(一定記住要clear

float)div>

style="width: 100%;height: 200px; margin-left: -200px; float: left;background-color:purple;">

style="margin-left: 200px;color: white;">通過margin-left為負數來固定右側內容，同時設定內部的div的margin-left為整數來調整顯示範圍。通過margin-left為負數來固定右側內容，同時設定內部的div的margin-left為整數來調整顯示範圍。通過margin-left為負數來固定右側內容，同時設定內部的div的margin-left為整數來調整顯示範圍。div>

div>

style="width: 200px; height: 200px; float:left;background-color:gray;">

200x200

div>

style="clear: both;">div>

div>

body>之前直接設定body的height為100%，發現沒有用。後面發現需要把html和body同時設定heigth為100%。

在touchstart觸發時呼叫event.preventdefault();方法就可以了。

加入meta，進行限制

name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

overflow-x: hidden;
overflow-y: hidden;

resize: none;

兩行文字中加入谷歌測試有效

type=
"button"
value="第一行
第二行" />

wap html 知識點整理（持續更新）

SVM知識點整理（持續更新）

RAC 知識點整理 2 持續更新

知識點整理

wap html 知識點整理（持續更新）

SVM知識點整理（持續更新 ）

RAC 知識點整理 2 持續更新

知識點整理

相關推薦

SVM知識點整理（持續更新）