首先，在網頁代碼的頭部，加入一行viewport元標簽，viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網頁初始大小占屏幕面積。

1以瀏覽器為例，首先打開瀏覽器，點擊底部“我的”選項進入2然后，然后點擊右上角“設置”圖標進入3然后點擊“瀏覽器UA標識”4最后我們選擇“電腦”5最后會出現提示框，我們直接點擊“切換”即可。

六手機網站開發 根據上述總體計劃，落實公司手機網站建設的開發工作七手機網站測試 手機網站測試為的是在手機網站正式上線前，盡可能的排除掉手機網站建設中存在的漏洞和問題例如瀏覽器和終端是否適配功能按鈕鏈接能否正。

1模板站，下載手機網站模板，然后將內容和PC站點通用，這樣移動設備訪問網站時就會自動轉入到手機站的模板你也可以解析一個m開頭的域名作為手機站的域名，有利于搜索引擎抓取2自適應網站，這種網站不需要另做手機站。

手機端網站和PC端網站在建設過程中有一些明顯的區別，但也存在緊密的聯系以下是它們之間的主要區別和聯系1**屏幕尺寸和布局**區別手機端網站需要考慮較小的屏幕尺寸，因此布局設計通常更簡潔垂直，并采用響應式設計。

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

不一定要分開的，其實主要還是取決于技術水平和開發成本，只要能夠提供一個良好的用戶體驗，就是可行的方案另外，從SEO的方面考慮單獨開發手機站點的適配是最完善的，適配生效最快但單獨的M站也有缺點，我個人技術有限。

1電腦網站想要轉成手機版的網站，首先打開一個網頁，舉例說明一下2然后按鍵盤的F12鍵，出現如下元素界面，不用擔心全是英文的3然后點最下方的“Emulation”菜單選擇即可，效仿4然后，可以看到下面有很多參數。

前端開發中PC端和移動端網站的區別，主要是1PC端在開發過程中考慮的是瀏覽器兼容性，移動端開發中考慮的是手機兼容性問題，做移動端開發，更多考慮的是手機分辨率的自適應和不同手機操作系統的略微差異化2在部分。

1，普通pc端開發與移動端開發區別先說背景，我大言不慚的說一下，我pc端的前端開發干了有快4年多，不算大牛，也算一個標準的前端開發工程師吧，可憐的是我2015年之前做過的移動端項目不超過1個所以幾乎經驗為零。