無(wú)論是電腦還是手機(jī)，要做到自適應(yīng)屏幕，其實(shí)都是一樣的首先，在網(wǎng)頁(yè)代碼的頭部，加入一行viewport標(biāo)簽 viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比；var browser = versions function var u = navigatoruserAgent， app = navigatorappVersionreturn 移動(dòng)終端瀏覽器版本信息 mobile umatchAppleWebKit*Mobile umatchWindows Phon。

自適應(yīng) 當(dāng)屏小于1050時(shí)隱藏 加如下代碼media screen and maxwidth 1050px slide display btn display 注意slide和#btn改成你自己的class名和ID名不用謝，求采納；將電腦網(wǎng)頁(yè)修改成手機(jī)網(wǎng)頁(yè)的具體操作步驟如下1首先在電腦上點(diǎn)擊打開(kāi)“瀏覽器”的頁(yè)面，在此頁(yè)面中單擊鍵盤上的“F12”鍵2然后就會(huì)跳轉(zhuǎn)到此頁(yè)面代碼的頁(yè)面3接著在此頁(yè)面內(nèi)，在其左上角可看到手機(jī)標(biāo)志，使用。

Agentsv0 flag=falsebreak return flag 在以上代碼中，如果如果flag返回值為true則說(shuō)明是電腦客戶端，如果是false，則說(shuō)明使用的是移動(dòng)客戶端，代碼比較簡(jiǎn)單這里就不多介紹了，直接套用就可以了。

怎么用手機(jī)查看網(wǎng)頁(yè)代碼

這種網(wǎng)站體驗(yàn)比較少，會(huì)根據(jù)屏幕大小，自動(dòng)顯示不同的頁(yè)面布局手機(jī)和電腦站用的一個(gè)模板一個(gè)域名，對(duì)優(yōu)化體驗(yàn)非常好3二級(jí)目錄手機(jī)站 這種比較常用的一種，電腦站域名后面加wap，或者m 通過(guò)跳轉(zhuǎn)代碼，手機(jī)打開(kāi)。

首先，在網(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è)初始大小占屏幕面積。

這樣可以使網(wǎng)頁(yè)在手機(jī)端自動(dòng)縮放，適應(yīng)手機(jī)屏幕至于自動(dòng)橫屏，您可以在 head 標(biāo)簽中加入以下代碼 這樣可以使網(wǎng)頁(yè)在手機(jī)端自動(dòng)橫屏顯示在使用這些代碼之前，建議您閱讀一下 W3C 的 Viewport 文檔，了解更多有關(guān) viewport。

移動(dòng)網(wǎng)站pc端和移動(dòng)端官網(wǎng)并存讓訪問(wèn)pc端的官網(wǎng)直接跳轉(zhuǎn)到移動(dòng)端的網(wǎng)站代碼ltSCRIPT LANGUAGE=quotJavaScriptquot function mobile_device_detecturl var thisOS=navigatorplatformvar os=new ArrayquotiPhonequot，quotiPodquot，quotiP。

03此時(shí)，您可以看到網(wǎng)站頁(yè)面的源代碼如圖所示，我們單擊圖中標(biāo)記的“切換設(shè)備模式”圖標(biāo)04點(diǎn)擊后，圖標(biāo)變亮如圖，我們輸入手機(jī)的網(wǎng)頁(yè)地址比如我輸入“”，頁(yè)面左側(cè)會(huì)打開(kāi)和手機(jī)上一樣的網(wǎng)頁(yè)，右側(cè)可以查看。

HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下 3在輸入代碼完成后，把圖片包括圖片DIV 的寬度設(shè)置成百分之百即可。

手機(jī)網(wǎng)頁(yè)開(kāi)發(fā)這部分跟web前端開(kāi)發(fā)差別不大，使用的技術(shù)都是html+css+js區(qū)別為手機(jī)瀏覽器是webkit的天下，pc端是IE的天下手機(jī)網(wǎng)頁(yè)可以理解成pc網(wǎng)頁(yè)的縮小版加一些觸摸特性因?yàn)槭窃跒g覽器中進(jìn)行的網(wǎng)頁(yè)開(kāi)發(fā)，所有最終代。

手機(jī)怎么打開(kāi)網(wǎng)站代碼

蘋果手機(jī)可以打開(kāi)Safari瀏覽器查看網(wǎng)頁(yè)源代碼點(diǎn)擊網(wǎng)址分享點(diǎn)擊書簽命名后點(diǎn)擊保存點(diǎn)擊書簽點(diǎn)擊編輯點(diǎn)擊查看源代碼蘋果手機(jī)可以通過(guò)以下方式查看網(wǎng)頁(yè)的源代碼1打開(kāi)Safari瀏覽器，只需打開(kāi)一個(gè)網(wǎng)頁(yè)以百度為例華為電腦。

在PC端的網(wǎng)站上加上一段代碼，每個(gè)頁(yè)面都需要加上，放在PC端網(wǎng)站head標(biāo)簽里面進(jìn)入域名解析系統(tǒng)，做一個(gè)別名cname解析，比如你手機(jī)網(wǎng)站制作公司給的地址123域名com解析到域名解析系統(tǒng)根據(jù)移動(dòng)終端和瀏覽器。

實(shí)現(xiàn)手機(jī)和電腦打開(kāi)同一網(wǎng)址顯示不同網(wǎng)頁(yè)，這需要判斷瀏覽器是手機(jī)端還是電腦端，進(jìn)而跳轉(zhuǎn)不同的網(wǎng)頁(yè) 運(yùn)用JavaScript判斷 適配代碼var browser = versions function var u = navigatoruserAgent， app = navigator。

4按住網(wǎng)頁(yè)，菜單出現(xiàn)后選擇工具箱里面有保存的網(wǎng)頁(yè)，保存后可以在書簽中查看手機(jī)怎么樣修改網(wǎng)頁(yè)源代碼ftp進(jìn)入程序，下載程序文件進(jìn)行修改 手機(jī)如何修改網(wǎng)頁(yè)前端代碼手機(jī)端無(wú)法修改網(wǎng)頁(yè)前端代碼，只能在PC端網(wǎng)頁(yè)才可以修改。

systemx11？=？p？==？quotX11quotpindexOfquotLinuxquot？==？0跳轉(zhuǎn)語(yǔ)句，如果是手機(jī)訪問(wèn)就自動(dòng)跳轉(zhuǎn)到wapcom頁(yè)面 ifsystemwinsystemmacsystemxll else =quotwaphtmlquot。