我已经开始为我的网站使用 JSF+Primefaces 最新版本，这是否有可能让我的设计响应这些技术。我不想使用 Primefaces 移动设备，或者我不想为相同的功能创建两个不同的页面
【问题讨论】：
标签： jsf primefaces responsive-design
PrimeFaces 6.x 具有响应式设计更新，包括 Responsive Grid。
网格不是 JSF 组件，它是一个带有 ui-grid 类的简单 div。
3列布局示例：
<div class="ui-grid">
<div class="ui-grid-col-4">Col1</div>
<div class="ui-grid-col-4">Col2</div>
<div class="ui-grid-col-4">Col2</div>
</div>
在实际情况下，只有一个网格并不能满足要求，因此您通常应该使用一些框架，例如 bootstrap 或 foundation。
两个框架都提供 CSS/Javascript 规则，它们可以很容易地应用在 JSF 组件上，例如如果你有一个按钮：
<h:commandButton styleClass="btn" value="Button">
</h:commandButton>
btn 是一个引导 CSS 类。
您可能会遇到一些不接受此类样式的组件，例如 Primefaces 表格，在这些情况下您应该编写自己的 CSS media queries/Javascript 以保持响应能力。
查看更多
【讨论】：
div，因为这是一个纯HTML标签，不是JSF组件。相反，请考虑使用 JSF <h:panelGroup styleClass="ui-grid" layout="block"> 或 PrimeFaces p:panel。然后在这两种情况下，它将由各自的 JSF 引擎控制。像rendered="#{someELcode.bla()}" 这样的美好事物都是可能的。
<form> 而不是<h:form> 标记时，它不会在您的支持bean 中调用您的操作方法。同样使用<input> 而不是<h:commandButton|Link> 也不会触发它。使用 <head> 而不是 <h:head> 不会从您的 JSF 引擎加载任何 JavaScript（包括所有其他面孔）。
<div>，据我所知，它最终会成为一些 JSF 标记的主体。