V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 3485 days ago, the information mentioned may be changed or developed.
 |
1
wolf777 OP 考虑到手机屏幕尺寸，可以去掉一些栏目。
|
 |
2
yrq110 Oct 15, 2016
media queries 响应式布局？
|
 |
3
lhx2008 Oct 15, 2016
bootstrap 响应式布局
|
 |
4
warDoggie Oct 15, 2016 via iPhone
简单粗暴可以，直接用 Js 判断 UA 大小给大块的 div 添钩子 class ，覆盖 width display 这些属性，新的 css 文件和 Js 和原项目的隔离。麻烦程度取决 PC 的布局方案，要全是 px 写死的，不如重新切图😂
|
|
5
wolf777 OP 全部是 px 。。
|
 |
6
kulove Oct 15, 2016
响应式或者重新写一套手机的
|
 |
8
DoraJDJ Oct 15, 2016 via Android
响应式，媒体查询
|
 |
9
wenzichel Oct 15, 2016
媒体查询，根据不同的尺寸展示不一样的样式
|
 |
10
herbertzz Oct 15, 2016
bootstrap 框架 改造你的网站, 方便快捷, 不用想太多
|
 |
11
moxiaonai Oct 15, 2016
最简单 media queries ，复杂点的，布局不能转换成手机布局的，重新布局一套手机的模板，监测浏览器&&屏幕尺寸，根据不同结果加载不同模板
|
 |
12
GreenJoson Oct 15, 2016
bootstrap 老外的，看不懂可以用国内的，拼图 css 国产的也不错。
|
 |
13
adv007 Oct 15, 2016 via iPhone
ua 判断手机访问新搞一套 css 替换掉原来的，注意是替换
|
 |
14
pubby Oct 15, 2016
页面简单的用 bootstrap 做成响应式
pc 页面内容布局本身不适合手机的情况，可以模板文件直接复制一份作为移动版，然后上 bootstrap 修改更快 （看上去你是后一种情况） |
 |
15
zgl2007dj Oct 15, 2016
直接做多套移动版的会简单很多
|
 |
16
Technetiumer Oct 15, 2016
Bootstrap 或 AmazeUI 什么的
|
 |
17
levon Oct 15, 2016
开始都没有考虑，做好再来改造比较麻烦
|
|
18
wolf777 OP .......
|
 |
19
Vanry Oct 15, 2016
改造难度大 就另外建个手机站
|
 |
20
qianmeng Oct 15, 2016 via Android
我用 bootstrap 改过一个，很简单，每天二十分钟，两周弄完
|
 |
21
hyrious Oct 15, 2016 via Android
media query 正解
某些元素使用 rem 看看 css-tricks |
 |
22
test4zhou Oct 15, 2016
重构响应式
|
 |
23
hebeiround Oct 16, 2016 via iPhone
已经做好了再去搞自适应干嘛？直接做一套移动版的就可以了。
|
 |
24
YV4usGtvaOIAeXIa Oct 16, 2016 via Android
马克一下～我也正准备改。。
|
 |
25
meszyouh Oct 16, 2016 via Android
@hebeiround 我想问这个。。。
|
 |
26
shlabc Oct 16, 2016
1 、在系统的公共入口层判断是否移动设备
2 、现有的 M 层不变 3 、 PC 版的 V 层不变，假设模版名为 index.html 4 、用 bootstrap3 快速开发一套移动 V 层，模版命名为 index_app.html （模版后缀为“_app ”），或者新设置一个 app 模版目录 5 、 C 层（或 P 层）稍作修改，根据公共入口层传递来的判断结果，进行模块变量替换（可做成公共的） |
 |
27
dphdjy Oct 16, 2016 via Android
一般网站建响应式比较快，如果对性能之类有需求，请重写移动端
|
 |
28
cznyx Oct 16, 2016
上 bootstrap 吧
|
 |
29
benpichu Oct 16, 2016 via Android
[
viewport ，@media ，应该就差不多了 ] |
 |
30
lslqtz Oct 17, 2016
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
然后进行兼容性测试 |
 |
31
93html Oct 17, 2016
1. media query
2. 响应式框架（ bootstrap 等）重构 3. 单独开发移动版网站，后端根据请求重定向 速度 1 > 2 > 3 效果 3 > 2 > 1 |
 |
32
HsuanLee Oct 17, 2016
按照我以往的经验，响应式网站先从最小设备适配开始做。及现做移动端然后平板，最后 PC
题主这样的情况，我们假设原有的 PC 版在数据分离工作做得不错的话。直接重写移动端的效率会更高。其实很多站都这样的 比如（ m.taobao.com; m.jd.com; m.zhihu.com; ） 况且考虑到以后移动端可能会做首屏优化或者合并接口之类的优化工作，在 PC 和移动分离的情况下维护工作也会轻松很多。 |
Select Language