响应式模板和手机模板哪种实用？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3023 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，做前端的朋友们说说，你做的项目中用响应式页面多还是单独写手机版页面？另外，为兼容微信内置浏览器，有哪些需要注意的地方？

8 条回复 • 2016-08-14 21:43:44 +08:00

Sukizen

2016-08-14 14:08:31 +08:00

我在想，有时候手机端不需要加载那么多东西的。
如果响应式模板，某些 xhtml 标签用 css display none 掉，浏览器是不是直接忽略这个标签内的代码了。

imn1

2016-08-14 14:13:31 +08:00

@Sukizen
no
display none 还是要加载的

china1234

2016-08-14 14:59:24 +08:00

display none 还是要加载的，只是不显示出来，还是单独手机版好

DoraJDJ

2016-08-14 15:14:12 +08:00 via Android

看情况。
像我的博客因为使用的是静态博客，只能用响应式设计。
如果是动态博客程序的话，就可以弄个单独的手机版页面。

ZE3kr

2016-08-14 20:11:42 +08:00 via iPhone

@DoraJDJ 可以生成两套静态页面，用 Nginx 或者 Apache 即可

display none 是要加载，但是实际上已经被广泛用作实现响应式设计了。不过尽量不要 display none ，只是折叠掉比较好。

然后图片要一律用 srcset 和 sizes 实现响应式图片

ZE3kr

2016-08-14 20:12:11 +08:00 via iPhone

@ZE3kr 用 Nginx 或 Apache 正则匹配 UA rewrite

DoraJDJ

2016-08-14 20:41:12 +08:00

@ZE3kr 不过我用的是静态页面托管服务（比如 GitHub Pages 一类），这种情况下真的只能用响应式了 :(
还不能用诸如 HSTS 、 301 和 302 重定向等功能

lan894734188

2016-08-14 21:43:44 +08:00 via Android

ua 匹配优化策略