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

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

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

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

2去html5頁面制作平臺，如vxplowixmakaim都可以做html5的手機頁面，不過wix現(xiàn)在沒有中文網(wǎng)站vxplo功能很齊全，但同時操作很復雜，一般人不會使用makaim通過模板組合添加圖文的方式制作，適合剛?cè)腴T的同學。

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

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