想请教一下，响应式网站和移动框架 这些有什么区别，有点疑惑

Question

1.响应式网站是针对不同的设备展现的网站的布局，

2.移动框架是针对移动端网站的一套框架，

3.PC站点框架是针对PC 上的，

如果响应式布局在移动端和PC端都可以很好的展示，那么移动框架和那些响应式布局又有什么区别呢，

还有一个问题，如果把PC站点做成移动站点也可以正常访问的话，是不是只有做响应式布局就可以了，那么还需要重新做一下移动站吗？，重新用移动框架做移动站点吗？

有没有什么快捷的方式把PC站转化成移动也可以一样的内容访问，除了第三方平台，类似siteapp 百度的

Answer 1

简单点说：
响应式网站=你说的一套模板兼容各种设备
移动框架=应该理解为重新写一套H5模板，但是更偏向于原生应用的布局

用哪种方式，看产品定位了吧，感觉没什么定性

Answer 2

如果响应式布局在移动端和PC端都可以很好的展示，那么移动框架和那些响应式布局又有什么区别呢

响应式布局太重了，在手机上需要加载过多不必要的东西，自然不太好，具体用哪个看具体需求。

还有一个问题，如果把PC站点做成移动站点也可以正常访问的话，是不是只有做响应式布局就可以了，那么还需要重新做一下移动站吗？，重新用移动框架做移动站点吗？

响应式是后来发生，之前是PC端传统方式，手机端用 WAP 方式访问自然需要重新做。个人认为现在是各有所爱，有人喜欢分别开发，性能最优；有人喜欢一站式开发，节省时间。

有没有什么快捷的方式把PC站转化成移动也可以一样的内容访问，除了第三方平台，类似siteapp 百度的

正常手机浏览器都能浏览PC站，如果你想要那种自动将传统PC站转为响应式布局的，那你应该想多了。不过谁知道呢？欢迎谷歌。

Answer 3

要快捷的转为移动设备方便访问的布局可以像这样：

<meta name="viewport" content="width=device-width, initial-scale=1">

定义下viewport
然后样式添加一条

<link rel="stylesheet" media="screen and (max-width: 480px)" href="style.css">

480px自己看情况改吧，大部分1080P屏幕手机竖屏宽度应该是360px。
在这个样式表里慢慢覆盖掉固定像素宽度的部分，朝着手机上能看的方向改。
不过可能要覆盖的地方会很多，比较费时间。

当然这样做只是让你的网页达到在手机上能看的地步，最好还是专门做一个给移动端用的页面，或者整个网页改用响应式框架重写。

Answer 4

用html5plus+bootstrap的话可以达到pc 移动端web浏览并且可以封装成Android 跟 ios的app但是这样做会让手机加载一些不必要的文件，电脑不在乎流量但是手机用户会很在乎。最好还是针对不同设备采取不同方案

Answer 5

响应式设计式为了开发一套代码同时支持多种设备不同分辨率下的显示效果，所以针对不同设备你看到的布局可能都不是一样滴，参考：

• 响应式设计

移动框架是为了使用前端技术开发支持媲美native app所使用的技术，最终也是为了生成类似本地app效果 - 参考：
混合式开发（Hybrid development）

两者目的不尽相同