V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
loginv2
V2EX  ›  前端优化

有什么移动端页面的开发经验可以介绍一下么

  •  
  •   loginv2 · 2015-12-28 10:05:04 +08:00 · 2520 次点击
    这是一个创建于 3253 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在写移动端的页面适配真是感觉好难
    手机浏览器用户选择都不一样
    PC 上 chrome 屏幕模拟和手机效果也不一样
    设备分辨率也不一样(目前是媒体查询几个主流分辨率然后分别写适配)
    也没好用的调试手段,碰到疑难杂症只能猜着调试(心好累)
    还有诡异的 safari 和微信浏览器 前者样式解析经常出现和预期不一样的情况,后者还多了一个缓存问题
    求老司机介绍些移动端页面开发姿势啊
    7 条回复    2020-08-04 17:00:42 +08:00
    suinia
        1
    suinia  
       2015-12-28 10:11:31 +08:00
    前天刚好参加了一个前端分享有一个是移动端多屏适配方案。你可以看看
    https://github.com/jackness1208/flexlayout
    chairuosen
        2
    chairuosen  
       2015-12-28 10:12:42 +08:00
    rem 方案比较好
    loginv2
        3
    loginv2  
    OP
       2015-12-28 10:21:55 +08:00
    @suinia 谢谢

    @chairuosen 字体方面已经用了 rem 虽然实现了一部分要求 但是感觉代码上好乱,自己本身也是半吊子后端出身,关于字体的整体方案上有什么推荐的资料么
    Jaylee
        4
    Jaylee  
       2015-12-28 10:35:00 +08:00
    @loginv2 主要是布局应该使用 rem
    DualWield
        5
    DualWield  
       2015-12-28 14:37:18 +08:00
    chrome 的开发者工具很好用了;
    字体和布局用 rem 方案比较好;


    不知道你开发的移动页面属于什么类型的?
    可以说说可以给你更具体的建议
    jin5354
        6
    jin5354  
       2015-12-28 18:44:25 +08:00
    http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html

    移动端针对不同屏幕不同 dpr , lib-flexible + flex 几乎都能搞定,现在写的页面全部使用这个布局,基本做到一次编写各处运行
    nttisthebest
        7
    nttisthebest  
       2020-08-04 17:00:42 +08:00
    rem,写什么媒体查询;
    手机端用弹性布局(伸缩布局 / flex )最好了,少写很多样式;
    用 jquery+fastclick 或者 vue+fastclick+px 自动转换 rem 的插件;
    至于 js 兼容性,手机端还好,不像 IE ;
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   902 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:56 · PVG 05:56 · LAX 13:56 · JFK 16:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.