写移动端页面的规则？

Question

我是做pc端页面的，现在需要做个简单的移动app的页面，想请教下大家移动页面和pc的代码写起来有几处区别？ 现在只知道移动端模块大小需要用百分比、头部需要写一些meta标签。我打算用XHTML 1.0来写，现在无从下手，我需要考虑哪些问题呢？

Answer 1

一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？
其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />  
二. 不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。
三. 相对大小的字体 字体也不能使用绝对大小（px），而只能使用相对大小（em）。
四. 流动布局（fluid grid） "流动布局"的含义是，各个区块的位置都是浮动的，不是固定不变的。 　
.main { float: right; width: 70%; } .leftBar { float: left; width: 25%; }  
五. 图片的自适应（fluid image） 除了布局和文本，"自适应网页设计"还必须实现图片的自动缩放。

以上是百度找的，此外：我做手机的时候字体大小用的单位是（rem）,内外边距的单位我一般也是用这个单位。