pc網站如何轉成手機

⑴ 已經做好的pc版網頁，如何轉成手機端的

需要設置標簽，字體什麼的都會相應的適配悉豎滲手機，當然還需要調纖納樣式。

標簽代碼如下：

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

<metaname="apple-mobile-web-app-status-bar-style"content="white">

<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

注意：現有網站直接改成移動端雖說理論上可行，但如果不是一開始就相對設計較為完善的話，重新基本就是要重做UI部分，連帶後端也要做相應的調整。

(1)pc網站如何轉成手機擴展閱讀：

常用屬性

color : #999999;/*文字顏色*/

font-family : 宋體,sans-serif; /*文字字體*/

font-size : 9pt; /*文字大小*/

font-style:itelic; /*文字斜體*/

font-variant:small-caps; /*小字體*/

letter-spacing : 1pt; /*字間距離*/

line-height : 200%; /*設置行高*/

font-weight:bold; /*文字粗體*/

vertical-align:sub; /*下標字*/

vertical-align:super; /*上標字*/

text-decoration:line-through; /*加刪除線*/

text-decoration: overline; /*加頂線*/

text-decoration:underline; /*加下劃線*/

text-decoration:none; /*無修飾線*/

text-transform : capitalize; /*首字大寫*/

text-transform : uppercase; /*英文大寫*/

text-transform : lowercase; /*英文小寫*/

text-align:right; /*文字右對齊*/

text-align:left; /*文睜脊字左對齊*/

text-align:center; /*內部元素居中*/

text-align:justify; /*文字分散對齊*/

vertical-align:top; /*垂直對齊該行元素內的最大元素頂部/

⑵ pc網站怎麼轉變成手機端瀏覽樣式

PC網站轉變為手機端瀏覽樣式，主要有以下幾種方法：
一、建設對應的移動內網站界面，相當於重容新寫一個網站，然後通過站長平台移動適配或者js代碼進行識別設備跳轉到對應的網站界面；
二、自適應網站和響應式網站，就是在pc端網站的css樣式裡面設置多一層樣式（移動端樣式），然後在使用移動端設備訪問時，展示對應的css樣式網站；
三、可以通過網站子目錄來對應搭建移動網站樣式，然後當用戶用移動設備訪問網站時，跳轉到對應的目錄樣式展示。

⑶ 如何將電腦網頁修改成手機網頁

將電腦網頁修改成手機網頁的具體操作步驟如下：

1、首先在電腦上點擊打開「瀏覽器」的回頁面，在答此頁面中單擊鍵盤上的「F12」鍵。