你說(shuō)的類似于響應(yīng)式布局，這個(gè)css就能實(shí)現(xiàn)，有兩種方法1用@media通過(guò)判斷瀏覽器的分辨率代碼自動(dòng)能判斷來(lái)調(diào)取不同的css樣式這就需要寫不同的css，主要是寬度的調(diào)整2不用固定的寬度寬度用%而不用固定的。

現(xiàn)在手機(jī)瀏覽器都支持html5，所以插入音頻視頻的話，可以用html5標(biāo)簽，音頻用audio標(biāo)簽，視頻用video標(biāo)簽示例代碼如下音頻 ltaudio src=quotsongoggquot controls=quotcontrolsquotltaudio 視頻 ltvideo width=quot320quot height=quot。

PC段跟移動(dòng)端CSS寫法沒(méi)有區(qū)別，就是手機(jī)顯示的話多使用相對(duì)寬度高度，PX單位改成emrem做單位就可以了。

和寫pc端的一樣寫法，只是在前面加上ltmeta語(yǔ)句可以讓html適應(yīng)手機(jī)端的。

我們使用手機(jī)訪問(wèn)，得到如圖所示效果，就不會(huì)像直接書寫html代碼一樣文字很小 完整代碼 lt！DOCTYPE htmllthtml lthead ltmeta。

2去html5頁(yè)面制作平臺(tái)，如vxplowixmakaim都可以做html5的手機(jī)頁(yè)面，不過(guò)wix現(xiàn)在沒(méi)有中文網(wǎng)站vxplo功能很齊全，但同時(shí)操作很復(fù)雜，一般人不會(huì)使用makaim通過(guò)模板組合添加圖文的方式制作，適合剛?cè)腴T的童鞋。