嵌入app的h5頁面如何自適應？

我是做php的，想在app裡嵌入一個H5頁面用來做簽到頁，H5如何寫才能自適應與ios安卓與平板？

回複內容：

我是做php的，想在app裡嵌入一個H5頁面用來做簽到頁，H5如何寫才能自適應與ios安卓與平板？

header加入viewport元標籤是普遍做法，還有，不使用絕對寬度，字型使用相對大小，布局使用流動布局(fluid grid)，圖片要自適應(fluid image)等。

media query

Meta標籤 viewport

我做的一個嵌入APP的頁面使用rem來做單位

用Meta的viewport，content="width=device-width"

網頁寬高用比例

media query或者使用rem,然後js動態判斷螢幕大小來設定html中的rem的值

如果對設計沒要求就直接用 bootstrap。如果要自己寫就用media query 定義自己的 breakpoints。

這個是HTML做出來的自適應 但是用戶端可以簡易的寫一些js做一些自適應

