我在http://www.initializr.com/上建立了一个项目，并且它的工作非常好。一切都像我想要的那样扩展，但解决的问题似乎是要渲染的组件。现在，只要有可能，我当然会选择可以扩展的组件，但有些东西不能像这样解决。桌面用户浪费的潜力很大，或桌面用户习惯于使用某些组件。
目标：
我正在使用primefaces，如果屏幕很小，我想跳过一个面板组。这对display:none来说是不够的，因为它会使请求膨胀。相反，我想使用渲染属性。
基于媒体查询渲染是否是一个好主意？我的实现将是这样的：
我最重要的模板中的虚拟div，并且在此div上具有所有条件css类。对于第一个请求，我将使用javascript或jquery解析此div，并将找到的样式保存在backingbean中。然后将此bean用作rendered =“＃{displayBean.wide}”，rendered =“＃{displayBean.narrow}”，rendered =“＃{displayBean.tooltip}”。
p:remoteCommand或o:commandScript将成为粘合剂。然后我可能会将整个结果缓存到cookie中，或者使用o：cache就足够了。
通过这种方式，我可以获得大量信息，并让浏览器处理它并确保它始终在css样式和渲染之间同步。
这是好的设计吗？关于如何在桌面友好/手持友好组件（例如工具提示，大导航div等）之间解决一些条件渲染的任何其他想法。