PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
loginv2

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

  •  
  •   loginv2 · Dec 28, 2015 · 3340 views
    This topic created in 3814 days ago, the information mentioned may be changed or developed.
    最近在写移动端的页面适配真是感觉好难
    手机浏览器用户选择都不一样
    PC 上 chrome 屏幕模拟和手机效果也不一样
    设备分辨率也不一样(目前是媒体查询几个主流分辨率然后分别写适配)
    也没好用的调试手段,碰到疑难杂症只能猜着调试(心好累)
    还有诡异的 safari 和微信浏览器 前者样式解析经常出现和预期不一样的情况,后者还多了一个缓存问题
    求老司机介绍些移动端页面开发姿势啊
    7 replies    2020-08-04 17:00:42 +08:00
    suinia
        1
    suinia  
       Dec 28, 2015
    前天刚好参加了一个前端分享有一个是移动端多屏适配方案。你可以看看
    https://github.com/jackness1208/flexlayout
    chairuosen
        2
    chairuosen  
       Dec 28, 2015
    rem 方案比较好
    loginv2
        3
    loginv2  
    OP
       Dec 28, 2015
    @suinia 谢谢

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


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

    移动端针对不同屏幕不同 dpr , lib-flexible + flex 几乎都能搞定,现在写的页面全部使用这个布局,基本做到一次编写各处运行
    nttisthebest
        7
    nttisthebest  
       Aug 4, 2020
    rem,写什么媒体查询;
    手机端用弹性布局(伸缩布局 / flex )最好了,少写很多样式;
    用 jquery+fastclick 或者 vue+fastclick+px 自动转换 rem 的插件;
    至于 js 兼容性,手机端还好,不像 IE ;
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   843 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 21:53 · PVG 05:53 · LAX 14:53 · JFK 17:53
    ♥ Do have faith in what you're doing.