关于响应式网页和移动端网页

有朋友刚刚做web前端开发，可能经验不是很足，最近问我响应式网站怎么做，和移动端的页面有什么不同，问了一大堆的问题。先来什么是响应式网页，就是能适应各种设备(这里的各种设备包括pc和移动设备)，通俗易懂点，就是让所有的设备浏览我这个网页都不会有任何的违和感，页面布局不会崩塌。好了，再来说说什么是移动端页面，我说全点，移动端设备现在有平板和手机，简单来说，移动端页面就是只适应了平板和手机的视口。这里又涉及到了什么是视口，视口只是我个人平时习惯而已，其实就是指设备的可视窗的宽度。相信说起可视窗，web前端的朋友们相当熟悉了。下面我依然用视口来代替可视窗。视口，有默认视口和约束视口，默认视口是980px，约束视口是手机厂商自己规定的，所有现在市面上的安卓机和苹果机的约束视口大小都在320px-480px之间。所以只要你的网页在320-480之间没有问题，页面接口不崩塌，那就是一个没问题的移动页面。好了，两种页面介绍完，大概大家也清楚其中的区别了，响应式适应各种设备，而移动端就是为移动设备服务的。那有人就说了，那不如都写响应式得了，还写什么移动端页面，没错，话是这么说没错，但是你会发现，之所以一个网页能做成响应式，他的布局都是经过精心设计的，你像淘宝京东就做不了响应式，他怎么响，随便页面一缩布局留塌，所以对于这种内容较多的电商网站，得分开做，一套pc，一套移动端。好了，说了这么多，具体的区别，得等真正做一次开发的时候，你就都了解了。