自適應手機屏幕代碼：
<meta name="viewport" content="width=device-width">
<meta
name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
首先就是自適應（說白了就是用百分比來設寬度），最外框肯定是用百分比的，但是壹些小的部分就不能用百分比了，不然就會變形，就比如妳說的圖片，圖片盡量定死了，不然不同的手機屏幕大小不壹定，所顯示的就不壹樣，甚至會變形了。妳可以通過控制圖片外面的DIV來控制位置，讓它在符合美學的位置。
擴展資料：
CSS+DIV網站設計的問題
盡管CSS+DIV具有壹定的優勢，不過現階段CSS+DIV網站建設存在的問題也比較明顯，主要表現在：
第壹，對於CSS的高度依賴使得網頁設計變得比較復雜。相對於HTML4.0中的表格布局（table），CSS+DIV盡管不是高不可及，但至少要比表格定位復雜的多，即使對於網站設計高手也很容易出現問題，更不要說初學者了，這在壹定程度上影響了XHTML網站設計語言的普及應用。
第二，CSS文件異常將影響整個網站的正常瀏覽。CSS網站制作的設計元素通常放在幾個l外部文件中，這壹個或幾個文件有可能相當復雜，甚至比較龐大，如果CSS文件調用出現異常，那麽整個網站將變得慘不忍睹。
第三，對於CSS網站設計的瀏覽器兼容性問題比較突出。基於HTML4.0的網頁設計在IE4.0之後的版本中幾乎不存在瀏覽器兼容性問題，但CSS+DIV設計的網站在IE瀏覽器裏面正常顯示的頁面，到火狐瀏覽器（FireFox
）中卻可能面目全非（這也是為什麽建議網絡營銷人員使用火狐瀏覽器的原因所在 ）。CSS+DIV還有待於各個瀏覽器廠商的進壹步支持。
第四，CSS+DIV對搜索引擎優化與否取決於網頁設計的專業水平而不是CSS+DIV本身。CSS+DIV網頁設計並不能保證網頁對搜索引擎的優化，甚至不能保證壹定比HTML網站有更簡潔的代碼設計，何況搜索引擎對於網頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量，這就是為什麽很多傳統表格布局制作的網站在搜索結果中的排序靠前，而很多使用CSS及web標準制作的網頁排名依然靠後的原因。因為對於搜索引擎而言，網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標。
參考資料：