mobile - Liferay 移动响应主题？

Question

大家，早安，

我对 Liferay mobile 有一些疑问，如果您能帮助我，我会很高兴。

我使用 Liferay 6.1，我正在努力使现有的门户网站更具移动性和响应性。

• 通过点击此链接http://www.liferay.com/fr/web/nathan.cavanaugh/blog/-/blogs/liferay-com-mobile-sites-and-responsive-layouts 现在，我只添加一个 AUI。在我的 main.js 中查看它似乎可以工作，即使我没有实现这些关于不同宽度的类。够了吗，还是我真的应该实施这些？那我应该在里面放什么呢？

• 另外，我真的很想达到这样的响应能力：http ://www.realstorygroup.com/images/up/LiferayMobile1%281%29.png 你有一些教程或方法吗？

先感谢您。

Answer 1

您可能希望使用 CSS 媒体查询来让您的样式表响应，而不是 AUI-viewport，因为媒体查询要快得多（并且现在有相当不错的支持）并且现在大多数 Liferay 主题都使用Compass，它增加了对旧版浏览器的支持（除了让生活更轻松）。aui-viewport 船已经航行了——只需要一段时间才能让互联网加速:)

使 Liferay 网站适合移动设备并不是一个真正的教程式过程。更多的是考虑台式机、平板电脑和手机之间需要有哪些不同的内容，并相应地设计您的网站内容和样式。您包含的站点图像正在根据屏幕大小更改导航菜单的样式，这应该是相当简单的（我相信那里有一个教程可以满足您的这部分需求）。但从那里开始，这一切都取决于您拥有什么以及您需要在哪里使用它。

这个页面有一些很好的讨论，甚至一些代码示例应该可以帮助您入门。