V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lsoknet
V2EX  ›  问与答

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

  •  
  •   lsoknet · 2016-08-14 13:39:42 +08:00 via Android · 1743 次点击
    这是一个创建于 3042 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如题,做前端的朋友们说说,你做的项目中用响应式页面多还是单独写手机版页面?另外,为兼容微信内置浏览器,有哪些需要注意的地方?
    8 条回复    2016-08-14 21:43:44 +08:00
    Sukizen
        1
    Sukizen  
       2016-08-14 14:08:31 +08:00
    我在想,有时候手机端不需要加载那么多东西的。
    如果响应式模板,某些 xhtml 标签用 css display none 掉,浏览器是不是直接忽略这个标签内的代码了。
    imn1
        2
    imn1  
       2016-08-14 14:13:31 +08:00   ❤️ 1
    @Sukizen
    no
    display none 还是要加载的
    china1234
        3
    china1234  
       2016-08-14 14:59:24 +08:00
    display none 还是要加载的,只是不显示出来,还是单独手机版好
    DoraJDJ
        4
    DoraJDJ  
       2016-08-14 15:14:12 +08:00 via Android
    看情况。
    像我的博客因为使用的是静态博客,只能用响应式设计。
    如果是动态博客程序的话,就可以弄个单独的手机版页面。
    ZE3kr
        5
    ZE3kr  
       2016-08-14 20:11:42 +08:00 via iPhone
    @DoraJDJ 可以生成两套静态页面,用 Nginx 或者 Apache 即可

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

    然后图片要一律用 srcset 和 sizes 实现响应式图片
    ZE3kr
        6
    ZE3kr  
       2016-08-14 20:12:11 +08:00 via iPhone
    @ZE3kr 用 Nginx 或 Apache 正则匹配 UA rewrite
    DoraJDJ
        7
    DoraJDJ  
       2016-08-14 20:41:12 +08:00
    @ZE3kr 不过我用的是静态页面托管服务(比如 GitHub Pages 一类),这种情况下真的只能用响应式了 :(
    还不能用诸如 HSTS 、 301 和 302 重定向等功能
    lan894734188
        8
    lan894734188  
       2016-08-14 21:43:44 +08:00 via Android
    ua 匹配优化策略
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5043 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 08:49 · PVG 16:49 · LAX 00:49 · JFK 03:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.