javascript - JSF中的JQuery通过id获取元素

Question

我创建了一个使用 JSF 打印一些文本的网页

我使用标签添加了空格

<tr:spacer width="24px" />

每个单词之间

当浏览器窗口尺寸变小时，我想将宽度值减小到 12

我知道可以使用 Jquery 来做到这一点。

有人可以指导我吗？

Answer 1

您可以使用

<tr:spacer class="spacer" width="24px" /> 

并使用 jquery 来更改宽度

$('.spacer').attr('width','12px');

要检测浏览器调整大小，您可以使用

$(window).resize(function() {
   // put here a check if window is smaller than what you want
   // and set your spacer size accordingly
});

但是想知道，为什么不直接使用百分比来表示宽度呢？然后它会自动缩放