V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ufologist
V2EX  ›  JavaScript

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

  •  
  •   ufologist · 2015-07-18 13:40:47 +08:00 · 3550 次点击
    这是一个创建于 3398 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    演示 responsive-page 适配功能

    10 条回复    2015-07-24 22:55:01 +08:00
    ljcarsenal
        1
    ljcarsenal  
       2015-07-18 17:32:26 +08:00
    马克一个
    oott123
        2
    oott123  
       2015-07-18 20:18:49 +08:00
    帅呆了,感谢已发送。

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

    如果有任何bug或者问题, 请发个 [issue](https://github.com/ufologist/responsive-page/issues) 给项目, 非常感谢.
    li24361
        8
    li24361  
       2015-07-19 14:07:22 +08:00
    @ethanchen 写起来太麻烦
    li24361
        9
    li24361  
       2015-07-19 14:08:06 +08:00
    fhefh
        10
    fhefh  
       2015-07-24 22:55:01 +08:00
    太棒了 准备下一个专题试一试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5335 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 09:19 · PVG 17:19 · LAX 01:19 · JFK 04:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.