随着网络的快熟发展，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
在网页代码的头部，加入一行viewport元标签。
<meta name="viewport" content="width=device-width,initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。对图像来说也是这样。
具体说，CSS代码不能指定像素宽度：
width:xxx px
只能指定百分比宽度：
width: xx%
或者
width:auto
前端需要学习：HTML、CSS、Javascript。
前端作用于采集输入信息，后端进行处理。计算机程序的界面样式，视觉呈现属于前端。
基础知识：
HTML + CSS。这部分建议，边学边练。之后可以模仿一些网站做些页面。理解CSS每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。
JavaScript。不是所有的网页都必须有JS，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。
Photoshop、Flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。
HTML5和CSS3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。
浏览器兼容。懂Web标准，熟练手写 HTML CSS3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。
熟悉一门后台编程语言 asp、php、jsp等。
