04 第四步關(guān)閉微信，打開備忘錄，點(diǎn)擊“你好html”標(biāo)題，雙擊“你好html”文件 05 第五步這樣，我們的HTML網(wǎng)頁(yè)文件就打開了，我的網(wǎng)頁(yè)文件內(nèi)容就是“你好”兩個(gè)字。

1打開HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部添加新代碼，使網(wǎng)頁(yè)寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開網(wǎng)頁(yè)的時(shí)候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏。

在手機(jī)上不能固定寬度，要按百分比寫頁(yè)面寬度才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方指向文件錯(cuò)誤，比如你的網(wǎng)頁(yè)文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁(yè)文件內(nèi)在試試如果。

ltmeta name=quotviewportquot content=quotinitialscale=1， maximumscale=3， minimumscale=1， userscalable=noquot這個(gè)申明是移動(dòng)設(shè)備用的，11顯示設(shè)備屏幕大小，禁止縮放二在手機(jī)上不能固定寬度，要按百分比寫頁(yè)面寬度才能。

如何在移動(dòng)端上，也就是在手機(jī)上開發(fā)HTML？您說(shuō)的是html5開發(fā)，針對(duì)移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)必學(xué)的知識(shí)體系一HTML5支持測(cè)試列表 在開始之前，你需要了解現(xiàn)代的瀏覽器以及移動(dòng)平臺(tái)對(duì)于HTML5的支持情況主流瀏覽器HTML5功能支持一覽 移。

亂碼問(wèn)題通常是由以下幾個(gè)原因引起的1編碼不一致HTML頁(yè)面的編碼方式與手機(jī)瀏覽器的默認(rèn)編碼不一致，2字符集不匹配HTML頁(yè)面中使用的字符集與手機(jī)瀏覽器的字符集不匹配，3缺少字體HTML頁(yè)面中使用的字體在手機(jī)瀏覽器。

1打開百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的。

手機(jī)如何打開要以html文件顯示的網(wǎng)頁(yè)手機(jī)瀏覽本地htm文件有兩種方式1使用文件管理器，如ES等幸運(yùn)的是，你的文件管理器可以直接用瀏覽器打開2在瀏覽器中輸入地址，訪問(wèn)本地磁盤和SD卡上的HTMLcontentcom。

userAgent =quotmindexhtmlquot2然后繼續(xù)根據(jù)下方的代碼，進(jìn)行輸入編輯else =quotcindexhtmlquot catche ltscript 3然后這樣就可以判斷手機(jī)還是電腦登陸進(jìn)入了。

2直接使用模板來(lái)進(jìn)行制作，從軟件的模板庫(kù)中選擇一個(gè)模板作為手機(jī)網(wǎng)頁(yè)的模板3也可以根據(jù)自己的需求對(duì)手機(jī)頁(yè)面中的各個(gè)模塊進(jìn)行修改，選擇這個(gè)手機(jī)頁(yè)面上的元素，就可以在右面的編輯框中進(jìn)行各種修改4可以更改這個(gè)元素。

var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁(yè)適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的。

HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。

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

通過(guò)傳輸協(xié)議用戶可以遠(yuǎn)程獲取這些文件所傳達(dá)的資訊和信息網(wǎng)絡(luò)瀏覽器，能夠解釋HTML文件來(lái)顯示網(wǎng)頁(yè)，這是網(wǎng)絡(luò)瀏覽器的主要作用當(dāng)你使用瀏覽器在互聯(lián)網(wǎng)上瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器軟件就自動(dòng)完成HTML文件到網(wǎng)頁(yè)的轉(zhuǎn)換。

手機(jī)網(wǎng)頁(yè)的頂部沒有標(biāo)題欄或地址欄，相應(yīng)地，也就沒有網(wǎng)站標(biāo)題和圖標(biāo)所以設(shè)計(jì)頁(yè)面的時(shí)候應(yīng)該讓用戶知道，他們現(xiàn)在所瀏覽的網(wǎng)站名稱或logo，這對(duì)塑造品牌也很重要#81943頁(yè)面排版 從用戶角度來(lái)說(shuō)，他們希望閱讀所有的。

主要是教大家方法，然后保存網(wǎng)頁(yè)7將網(wǎng)頁(yè)上傳到服務(wù)器目錄下 8輸入網(wǎng)站域名，在電腦上訪問(wèn)可以看見效果，只有左側(cè)部分 9使用手機(jī)訪問(wèn)，得到如圖所示效果，就不會(huì)像直接書寫html代碼一樣文字很小。