jQuery：如何根据浏览器屏幕大小制作“实时寻呼机”，而不刷新“内容”？

jQuery：如何根据浏览器屏幕大小制作实时寻呼机而不刷新内容

您可以在中看到它的示例

中的HTML和CSS

---

既然我理解了你的问题，让我给你20分

nty chrome页面是用表格构建的。他们的定制jquery应用程序solo检测窗口大小，并根据窗口大小刷新和的数量

---

例如，如果窗口宽度很小，则使用jQuery重新创建表，以便只显示。如果窗口高度足以显示两行，该表被重新格式化，并填充了我使用aJax假设的额外故事，尽管将内容放在页面上并根据需要显示和隐藏故事的成本很低。

除了您没有尝试过任何东西之外，我看不出您的问题：这里是关于我正在谈论的内容，我不要求使用普通的寻呼机，但对于动态寻呼机，它取决于内容长度和浏览器屏幕大小。示例：对于大屏幕，它将显示无寻呼机选项，对于中屏幕，它将显示5页，对于小屏幕，它将显示15页；无需内容刷新，只需动态寻呼机。感谢您的澄清，您需要在问题中包含所有这些信息。我提出了一个如何创建滚动条的想法。现在你需要的是：1一种检测浏览器类型的方法，或者谷歌浏览器检测，2一种计算帖子中单词数量的方法jQuery有很多插件可以做到这一点。我不是问如何检测浏览器代理。检查以了解我的问题。@superuntitle-为什么落选票是跛脚的。即使你想帮忙，如果你的答案是错的，也应该被否决。当然，他的问题非常模糊，所以他可能不应该对你的答案投反对票，因为你确实提供了一个有效的答案，可以从问题中确定什么，但这并不意味着投反对票是站不住脚的，或者是错误的。@charles。同意。我的回答应该被否决，因为它没有回答问题。回想起来，我本应该否决这个问题，因为它的形式不太好。

#content{
    display:block;
    width:100%;
    height:40%;
    min-height:205px;
    max-height:408px;
    overflow:hidden;
}
li{
    width:100px;
    height:100px;
    margin:1px;
    float:left;
    background:#ccc;
}
...
<ul id="content">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    ...
</ul>
<div id="pager"><!--here lets show 1,2,3,4 etc. depending on screen size--></div>