有朋友刚刚做web前端开发，可能经验不是很足，最近问我响应式网站怎么做，和移动端的页面有什么不同，问了一大堆的问题。先来什么是响应式网页，就是能适应各种设备(这里的各种设备包括pc和移动设备)，通俗易懂点，就是让所有的设备浏览我这个网页都不会有任何的违和感，页面布局不会崩塌。好了，再来说说什么是移动端页面，我说全点，移动端设备现在有平板和手机，简单来说，移动端页面就是只适应了平板和手机的视口。这里又涉及到了什么是视口，视口只是我个人平时习惯而已，其实就是指设备的可视窗的宽度。相信说起可视窗，web前端的朋友们相当熟悉了。下面我依然用视口来代替可视窗。视口，有默认视口和约束视口，默认视口是980px，约束视口是手机厂商自己规定的，所有现在市面上的安卓机和苹果机的约束视口大小都在320px-480px之间。所以只要你的网页在320-480之间没有问题，页面接口不崩塌，那就是一个没问题的移动页面。好了，两种页面介绍完，大概大家也清楚其中的区别了，响应式适应各种设备，而移动端就是为移动设备服务的。那有人就说了，那不如都写响应式得了，还写什么移动端页面，没错，话是这么说没错，但是你会发现，之所以一个网页能做成响应式，他的布局都是经过精心设计的，你像淘宝京东就做不了响应式，他怎么响，随便页面一缩布局留塌，所以对于这种内容较多的电商网站，得分开做，一套pc，一套移动端。好了，说了这么多，具体的区别，得等真正做一次开发的时候，你就都了解了。
关于响应式网页和移动端网页
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 都说前端坑多，这不，最近只是想研究viewport，却产生了N多问题： 宽度单位我是用百分比还是em？还是rem？...
- 因为有机会参与一个项目的早期设计，因此搭建的时候不可避免的遇到了如何满足响应式的问题。翻阅了《响应式Web设计：H...
- 我们第一次接触移动web的时候，直观印象样应该是：屏幕比pc小很多，所以对pc端设计的界面，不一定（或者说不完全）...
