如何制作自适应手机网页

制作自适应网页最重要的就是使用比例和javascript控制css。
由于你不知道用户的手机屏幕大小，所以绝对不要使用像素进行定位，而是在css中使用百分比来制定样式，或者使用auto;所有的字体也不能使用绝对大小（px)，而是应该使用相对大小(em)。
然后要使用流式布局，当用户缩放网页或者剩下的元素放不下这一行之后，会自动的排列到下一行，就不会产生水平滚动条。

"自适应网页设计"的核心，就是CSS3引入的MediaQuery模块。
它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。

上面的代码意思是，如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。
rel="stylesheet" type="text/css"media="screen and (min-width: 400px)and
(max-device-width: 600px)"href="smallScreen.css" />
如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。

手机站比pc站简单啊，其实没有你想的这么麻烦，只要按照正常的手机显示比例来做，比如我想要手机横排显示三个图片，并且分开背景，只要在pc上横排铺平三个背景就可以，http://apangel.com这是我做的，下方版权那有手机站的显示样式，你可以看看

css3+html5~~~响应式web设计，具体你可以百度下~