网页主要体现在倍率上，还有HTML5兼容问题。
iphone4s倍率是2x，即2倍；
iphone6倍率是2x；
iphone 6 plus 倍率是3x；
安桌上
hdpi倍率是1.5x；
xhdpi倍率是2x；
xxhdpi倍率是3x；
要想图片在mobile上得到图片的原始清晰度，和大小，那么他和PC上1x倍率的图片对应关系是；
PC：像素 =像素 * 倍率；
例如：100px = 100px * 2 =>iphone6；这样清晰度和大小看起来都一样。
这样同一张图，在电脑上你是100px宽高，在iphone6上你就是200px的宽高，看起来清晰度差不多，若你将100px的图片不变放到iphone6上，那么他会变得比想象中小。若你又不想增加宽度200px达到目的，那么你可以按照如下解决问题。
解决手机上全屏显示（小图适配显示，会放大，牺牲清晰度为代价）的方法是在head中加入
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">。
meta告诉浏览器设备初始时候无缩放，最大缩放为原始大小，用户不可以缩放。
我仅给你讲解有很大倍率区别，需要专业学习倍率。
至于html5和一些标签，js的兼容就容易理解多了。
PC要考虑IE8只兼容部分html5标签，IE9也不够完全。
其他一些 flash运用，交互也是有区别的。
iphone不知道flash，上系上js多了触控事件，PC的是点击事件等
html5移动开发跟pc开发区别还是有的，如下几点；
移动端不需要 300ms 的单击确认，所以不要监听 click 事件
2. 移动端网络一般较慢，如何减小页面体积及请求数，利用好缓存
3. 移动端需要点击的元素及其间隔不能太小，考虑手指的面积
4. 横屏和竖屏下的表现
5. 不同浏览器间的兼容性（太多了，如 position:fixed）
6. Retina 屏图片会不会模糊
7. 输入状态键盘会不会挡住输入内容
8. 在浏览器上点击后退的行为
9. 某些浏览器（如 Safari）的隐私模式下 cookie 和 localStorage 的替代方案
总的来说屏幕变小了要做相应的适配跳转是最大的不同。
