我在我的应用程序中使用响应式设计,并且想知道放置在页面中的 portlet 在浏览器分辨率发生变化时是否可以重新排列。
说,假设我的页面中有两个 portlet。一个放在左侧,另一个放在右侧。现在我想要的是在浏览器宽度/分辨率发生变化时在页面顶部显示正确的 portlet 或者它在手机中查看。
当前,当宽度/分辨率更改或在移动设备中查看时,左侧的 portlet 会显示在页面顶部。
提前致谢。
我在我的应用程序中使用响应式设计,并且想知道放置在页面中的 portlet 在浏览器分辨率发生变化时是否可以重新排列。
说,假设我的页面中有两个 portlet。一个放在左侧,另一个放在右侧。现在我想要的是在浏览器宽度/分辨率发生变化时在页面顶部显示正确的 portlet 或者它在手机中查看。
当前,当宽度/分辨率更改或在移动设备中查看时,左侧的 portlet 会显示在页面顶部。
提前致谢。
查看这篇博文:它基本上展示了如何使用 AUI Viewport 组件,它会<html>
根据窗口的宽度自动将 CSS 类添加到标签中。
您还可以查看Spain Symposium 2012 网站(和this),这是 Liferay 中响应式设计的一个很好的例子,由 Liferay 自己制作。