1. 程式人生 > >將PC網站轉化為手機自適應網頁或者自己製作手機自適應網頁其實很簡單,可以利用meta標籤宣告。

將PC網站轉化為手機自適應網頁或者自己製作手機自適應網頁其實很簡單,可以利用meta標籤宣告。

web網頁轉化手機自適應網頁三步走:

1.開啟你需要製作手機網頁的html或者php等等網頁原始碼檔案。在<head></head>之間加入meta標籤。

2.向瀏覽器宣告該網頁為移動裝置自適應網頁的meta標籤為:

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

3.將以上標籤加入之後儲存,再用手機開啟即是自適應網頁了。