挺簡(jiǎn)單的啊，給圖片加個(gè)左浮動(dòng)和margin頂部那個(gè)作者簡(jiǎn)介可以用大DIV 邊框?qū)傩?像素紅色，小DIV居中 positionrelative top50px 具體像素就自己定了。

而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是隨著屏幕的大小，自動(dòng)把頁(yè)面自適應(yīng)到屏幕的大小這個(gè)是管用的em是字體的寬度，也就是一個(gè)字體寬12px，那么em=12px字體為15px，em=15px一般。

HTML5頁(yè)面制作工具，大體分為兩類基于HTML5的網(wǎng)站工具和手機(jī)APP工具當(dāng)然還有一些其他的，例如基于微信公眾號(hào)的等，下面也會(huì)介紹先總的說(shuō)一下個(gè)人感受 1基于HTML5的工具網(wǎng)站功能較強(qiáng)大，單頁(yè)面的操作性較強(qiáng)，可。

用以下代碼開(kāi)頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

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的同學(xué)。

通過(guò)激活點(diǎn)擊它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)這也是HTML獲得廣泛應(yīng)用的最重要的原因之一在邏輯上將視為一個(gè)整體的一系列頁(yè)面的有機(jī)集合稱為網(wǎng)站W(wǎng)ebsite或Site超級(jí)文本標(biāo)記語(yǔ)言英文縮寫HTML是為“網(wǎng)頁(yè)。

解決方案1p首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度。