5 html css css3 modx-revolution responsive-design
我正在建立一个响应式网站,我有一个新闻栏目.根据访客的屏幕尺寸,此部分包含2,3或4个新闻.目前,cms(modx)总是提供4个新闻项,如果用户应该有一个小视口,我会用媒体查询隐藏额外的新闻项.
这似乎不是很有效(它为小屏幕的人使用额外的带宽).同样使用上述方法我遇到了"更新的帖子","旧帖子"类型导航的问题(因为点击"旧帖子"将总是加载4个旧帖子,而有些人可能只需要2或3).
有没有更好,更可靠的方法来做到这一点？是否有可能使新闻的服务更具响应性？换句话说:如何根据屏幕尺寸防止下载不必要的内容？
一种方法是采取与您正在做的相反的路线：生成仅包含 1 个新闻项的页面，然后在必要时填充更多新闻项（而不是生成 4 个新闻项然后隐藏它们）
您可以使用 JS 检测用户的视口是否允许显示更多故事，然后使用 ajax 获取它们（同时可能带有“正在加载更多..”动画）。
这样，移动用户就不会耗尽带宽，并且对于非 JS 用户来说，它也会降级为 1 个新闻故事（您还可以为非 JS 用户提供带有“点击查看更多”链接的大视口）
| 归档时间： |
|
| 查看次数： |
162 次 |
| 最近记录： |