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

1以瀏覽器為例，首先打開瀏覽器，點(diǎn)擊底部“我的”選項(xiàng)進(jìn)入2然后，然后點(diǎn)擊右上角“設(shè)置”圖標(biāo)進(jìn)入3然后點(diǎn)擊“瀏覽器UA標(biāo)識(shí)”4最后我們選擇“電腦”5最后會(huì)出現(xiàn)提示框，我們直接點(diǎn)擊“切換”即可。

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

1模板站，下載手機(jī)網(wǎng)站模板，然后將內(nèi)容和PC站點(diǎn)通用，這樣移動(dòng)設(shè)備訪問(wèn)網(wǎng)站時(shí)就會(huì)自動(dòng)轉(zhuǎn)入到手機(jī)站的模板你也可以解析一個(gè)m開頭的域名作為手機(jī)站的域名，有利于搜索引擎抓取2自適應(yīng)網(wǎng)站，這種網(wǎng)站不需要另做手機(jī)站。

手機(jī)端網(wǎng)站和PC端網(wǎng)站在建設(shè)過(guò)程中有一些明顯的區(qū)別，但也存在緊密的聯(lián)系以下是它們之間的主要區(qū)別和聯(lián)系1**屏幕尺寸和布局**區(qū)別手機(jī)端網(wǎng)站需要考慮較小的屏幕尺寸，因此布局設(shè)計(jì)通常更簡(jiǎn)潔垂直，并采用響應(yīng)式設(shè)計(jì)。

minimumscale=1， maximumscale=1， userscalable=noquot 注意現(xiàn)有網(wǎng)站直接改成移動(dòng)端雖說(shuō)理論上可行，但如果不是一開始就相對(duì)設(shè)計(jì)較為完善的話，重新基本就是要重做UI部分，連帶后端也要做相應(yīng)的調(diào)整。

不一定要分開的，其實(shí)主要還是取決于技術(shù)水平和開發(fā)成本，只要能夠提供一個(gè)良好的用戶體驗(yàn)，就是可行的方案另外，從SEO的方面考慮單獨(dú)開發(fā)手機(jī)站點(diǎn)的適配是最完善的，適配生效最快但單獨(dú)的M站也有缺點(diǎn)，我個(gè)人技術(shù)有限。

1電腦網(wǎng)站想要轉(zhuǎn)成手機(jī)版的網(wǎng)站，首先打開一個(gè)網(wǎng)頁(yè)，舉例說(shuō)明一下2然后按鍵盤的F12鍵，出現(xiàn)如下元素界面，不用擔(dān)心全是英文的3然后點(diǎn)最下方的“Emulation”菜單選擇即可，效仿4然后，可以看到下面有很多參數(shù)。

前端開發(fā)中PC端和移動(dòng)端網(wǎng)站的區(qū)別，主要是1PC端在開發(fā)過(guò)程中考慮的是瀏覽器兼容性，移動(dòng)端開發(fā)中考慮的是手機(jī)兼容性問(wèn)題，做移動(dòng)端開發(fā)，更多考慮的是手機(jī)分辨率的自適應(yīng)和不同手機(jī)操作系統(tǒng)的略微差異化2在部分。

1，普通pc端開發(fā)與移動(dòng)端開發(fā)區(qū)別先說(shuō)背景，我大言不慚的說(shuō)一下，我pc端的前端開發(fā)干了有快4年多，不算大牛，也算一個(gè)標(biāo)準(zhǔn)的前端開發(fā)工程師吧，可憐的是我2015年之前做過(guò)的移動(dòng)端項(xiàng)目不超過(guò)1個(gè)所以幾乎經(jīng)驗(yàn)為零。