我是做pc端頁面的,現在需要做個簡單的移動app的頁面,想請教下大家移動頁面和pc的代碼寫起來有幾處區別? 現在只知道移動端模塊大小需要用百分比、頭部需要寫一些meta標簽。我打算用XHTML 1.0來寫,現在無從下手,我需要考慮哪些問題呢?
2 回答
已采納

阿賈大魔王
TA貢獻29條經驗 獲得超28個贊
一. 允許網頁寬度自動調整: "自適應網頁設計"到底是怎么做到的?
其實并不難。 首先,在網頁代碼的頭部,加入一行viewport元標簽。
<meta name="viewport" content="width=device-width, initial-scale=1" /> ?
二. 不使用絕對寬度 由于網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。
三. 相對大小的字體 字體也不能使用絕對大?。╬x),而只能使用相對大?。╡m)。
四. 流動布局(fluid grid) "流動布局"的含義是,各個區塊的位置都是浮動的,不是固定不變的。
.main { float: right; width: 70%; } .leftBar { float: left; width: 25%; } ?
五. 圖片的自適應(fluid image) 除了布局和文本,"自適應網頁設計"還必須實現圖片的自動縮放。
以上是百度找的,此外:我做手機的時候字體大小用的單位是(rem),內外邊距的單位我一般也是用這個單位。
添加回答
舉報
0/150
提交
取消