推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ufologist

让你的页面轻松适配各种移动设备和 PC 端浏览器

  •  
  •   ufologist · Jul 18, 2015 · 4416 views
    This topic created in 3959 days ago, the information mentioned may be changed or developed.

    responsive-page 让你的页面轻松适配各种移动设备和PC端浏览器, 1.46 KB only! 无任何其他依赖.

    • 非常适合专题landing页
    • 页面内容一般为几张图片拼接
    • 同时要适配移动端和PC端
    • 要自适应宽度
    • (绝对)定位元素仅需使用px单位即可适配
    • 切图时仅需切640宽(可以配置)的图片
    • 即使内容很长, 换行也需要正确

    演示 responsive-page 适配功能

    10 replies    2015-07-24 22:55:01 +08:00
    ljcarsenal
        1
    ljcarsenal  
       Jul 18, 2015
    马克一个
    oott123
        2
    oott123  
       Jul 18, 2015
    帅呆了,感谢已发送。

    就是不知道最终效果怎么样……下次要用的时候试试看:)
    zsx
        3
    zsx  
       Jul 18, 2015
    这种东西在PC上……不是很奇怪吗
    em70
        4
    em70  
       Jul 18, 2015
    好东西啊,感谢推荐
    north521
        5
    north521  
       Jul 19, 2015
    好,正愁移动端做活动推广页面按钮乱跑的问题,原来都是用rem,现在试试你这个,pc端的话,貌似demo有点问题?按钮跑到了最右边
    ethanchen
        6
    ethanchen  
       Jul 19, 2015
    @li24361 用rem不是挺好的吗
    ufologist
        7
    ufologist  
    OP
       Jul 19, 2015
    @li24361 我在测试 70c.html 这个demo的时候也遇到了这个现象, 但不用担心是bug, 出现这个问题是由于 demo中引用的 responsive-page.js 通过 rawgithub.com 来提供, 下载速度会比较慢造成的延时, 如果是自己 host 的时候是不会出现这个现象的.

    如果有任何bug或者问题, 请发个 [issue](https://github.com/ufologist/responsive-page/issues) 给项目, 非常感谢.
    north521
        8
    north521  
       Jul 19, 2015
    @ethanchen 写起来太麻烦
    north521
        9
    north521  
       Jul 19, 2015
    fhefh
        10
    fhefh  
       Jul 24, 2015
    太棒了 准备下一个专题试一试
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1197 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 23:25 · PVG 07:25 · LAX 16:25 · JFK 19:25
    ♥ Do have faith in what you're doing.