一个已经完成的 PC 网站，如何快速改造，让它能适应平板、手机等不同分辨率？

wolf777

2016 年 10 月 15 日

考虑到手机屏幕尺寸，可以去掉一些栏目。

yrq110

2016 年 10 月 15 日

media queries 响应式布局？

lhx2008

2016 年 10 月 15 日

bootstrap 响应式布局

warDoggie

2016 年 10 月 15 日

简单粗暴可以，直接用 Js 判断 UA 大小给大块的 div 添钩子 class ，覆盖 width display 这些属性，新的 css 文件和 Js 和原项目的隔离。麻烦程度取决 PC 的布局方案，要全是 px 写死的，不如重新切图😂

wolf777

2016 年 10 月 15 日

全部是 px 。。

kulove

2016 年 10 月 15 日

响应式或者重新写一套手机的

warDoggie

2016 年 10 月 15 日

@wolf777 信楼上，上 bootstrap 靠谱手写 media query 修修补补你能玩一天咯😂

DoraJDJ

2016 年 10 月 15 日

响应式，媒体查询

wenzichel

2016 年 10 月 15 日

媒体查询，根据不同的尺寸展示不一样的样式

herbertzz

2016 年 10 月 15 日

bootstrap 框架改造你的网站, 方便快捷, 不用想太多

moxiaonai

2016 年 10 月 15 日

最简单 media queries ，复杂点的，布局不能转换成手机布局的，重新布局一套手机的模板，监测浏览器&&屏幕尺寸，根据不同结果加载不同模板

GreenJoson

2016 年 10 月 15 日

bootstrap 老外的，看不懂可以用国内的，拼图 css 国产的也不错。

adv007

2016 年 10 月 15 日

ua 判断手机访问新搞一套 css 替换掉原来的，注意是替换

pubby

2016 年 10 月 15 日

页面简单的用 bootstrap 做成响应式

pc 页面内容布局本身不适合手机的情况，可以模板文件直接复制一份作为移动版，然后上 bootstrap 修改更快
（看上去你是后一种情况）

zgl2007dj

2016 年 10 月 15 日

直接做多套移动版的会简单很多

Technetiumer

2016 年 10 月 15 日

Bootstrap 或 AmazeUI 什么的

levon

2016 年 10 月 15 日

开始都没有考虑，做好再来改造比较麻烦

wolf777

2016 年 10 月 15 日

.......

Vanry

2016 年 10 月 15 日

改造难度大就另外建个手机站

qianmeng

2016 年 10 月 15 日

我用 bootstrap 改过一个，很简单，每天二十分钟，两周弄完