如何使response.js标记模式工作?

时间:2013-04-24 11:45:19

标签: javascript responsive-design

My example page

如果您横向扩展浏览器,则可以看到<img>的src发生了变化。所以src-mode工作正常。代码是:

<img data-src0="mika.jpg" data-src481="jussi.jpeg" data-src1025="seppo.jpeg" />

但我无法弄清楚如何让标记模式起作用。 标记模式代码不起作用(在示例页面上带有黑色边框的div内):

<div data-r320="markup @ 320+" data-r961="markup @ 961+">default</div>

非常感谢你。

1 个答案:

答案 0 :(得分:0)

在您的正文标记中,将前缀更改为"prefix": "r src"。我不知道它是不是一个bug,但根据我的经验,min-width-在与其他前缀一起使用时会引发问题。

我通常倾向于只使用r前缀执行所有操作。您不需要在示例中使用src。只需将em更改为r

更多示例不在responsejs.com上:

https://github.com/ryanve/response.js/wiki/how-to-create-breakpoint-sets