大家早上好,
我对Liferay手机的问题很少,如果你能帮助我,我会很高兴。
我使用的是Liferay 6.1,我正致力于使现有的门户网站更具移动性和响应性。
点击此链接http://www.liferay.com/fr/web/nathan.cavanaugh/blog/-/blogs/liferay-com-mobile-sites-and-responsive-layouts 现在,我只是在我的main.js中添加一个AUI.view,它似乎工作,即使我没有实现关于不同宽度的这些类。是否足够,或者我应该真正实现这些?那我该怎么办?
此外,我真的希望达到这样的响应能力:http://www.realstorygroup.com/images/up/LiferayMobile1%281%29.png 你有一些教程或方法吗?
提前谢谢。
答案 0 :(得分:0)
您可能希望使用CSS媒体查询来使您的样式表响应,而不是AUI-viewport,因为媒体查询更快(并且现在有相当不错的支持),现在大多数Liferay主题都使用Compass ,它增加了对旧版浏览器的支持(除了让生活变得更轻松)。 aui-viewport船已经航行 - 只需要一段时间才能让互联网加速:)
让Liferay网站适合移动设备,并不是一个真正适合教程的流程。它更多的是考虑桌面,平板电脑和手机之间需要区分的内容,以及相应地设计网站内容和样式。您包含的网站图片正在改变根据屏幕大小对导航菜单进行样式设置的方式,这应该是相当简单的(我确定那里有一个教程在那里你的那部分需要)。但从那里开始,这一切都取决于你拥有什么以及你需要在哪里使用它。
This page has some good discussion and even some code examples that should help you get started.