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

2016-10-15 13:01:54 +08:00
 wolf777
6312 次点击
所在节点    程序员
32 条回复
wolf777
2016-10-15 13:05:42 +08:00
考虑到手机屏幕尺寸，可以去掉一些栏目。
yrq110
2016-10-15 13:08:09 +08:00
media queries 响应式布局？
lhx2008
2016-10-15 13:14:54 +08:00
bootstrap 响应式布局
warDoggie
2016-10-15 13:20:14 +08:00
简单粗暴可以，直接用 Js 判断 UA 大小给大块的 div 添钩子 class ，覆盖 width display 这些属性，新的 css 文件和 Js 和原项目的隔离。麻烦程度取决 PC 的布局方案，要全是 px 写死的，不如重新切图😂
wolf777
2016-10-15 13:23:39 +08:00
全部是 px 。。
kulove
2016-10-15 13:28:02 +08:00
响应式或者重新写一套手机的
warDoggie
2016-10-15 13:28:24 +08:00
@wolf777 信楼上，上 bootstrap 靠谱 手写 media query 修修补补 你能玩一天咯😂
DoraJDJ
2016-10-15 13:31:28 +08:00
响应式，媒体查询
wenzichel
2016-10-15 13:59:22 +08:00
媒体查询，根据不同的尺寸展示不一样的样式
henyi2211
2016-10-15 14:00:28 +08:00
bootstrap 框架 改造你的网站, 方便快捷, 不用想太多
moxiaonai
2016-10-15 14:12:11 +08:00
最简单 media queries ，复杂点的，布局不能转换成手机布局的，重新布局一套手机的模板，监测浏览器&&屏幕尺寸，根据不同结果加载不同模板
GreenJoson
2016-10-15 14:21:59 +08:00
bootstrap 老外的，看不懂可以用国内的，拼图 css 国产的也不错。
adv007
2016-10-15 14:22:41 +08:00
ua 判断手机访问新搞一套 css 替换掉原来的，注意是替换
pubby
2016-10-15 14:24:58 +08:00
页面简单的用 bootstrap 做成响应式

pc 页面内容布局本身不适合手机的情况，可以模板文件直接复制一份作为移动版，然后上 bootstrap 修改更快
（看上去你是后一种情况）
zgl2007dj
2016-10-15 15:21:07 +08:00
直接做多套移动版的会简单很多
Technetiumer
2016-10-15 15:25:19 +08:00
Bootstrap 或 AmazeUI 什么的
levon
2016-10-15 15:38:35 +08:00
开始都没有考虑，做好再来改造比较麻烦
wolf777
2016-10-15 15:41:40 +08:00
.......
Vanry
2016-10-15 15:54:36 +08:00
改造难度大 就另外建个手机站
qianmeng
2016-10-15 15:55:21 +08:00
我用 bootstrap 改过一个，很简单，每天二十分钟，两周弄完

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/312982

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX