wp页面中的较小内容/元素一旦小于特定大小的宽度

Question

正如标题所暗示的那样，我希望拥有一个内容较少的自适应WordPress设计主页。这是因为主页非常长，内容明智，这使得人们无法在移动设备上到达页面底部。

所以问题是，一旦宽度变得小于480px，如何让页面内容较少？它是通过在Wordpress中定义两个主页来工作的吗？如何判断哪个加载＆amp;什么时候？或者还有其他办法吗？

Answer 1

我会这样解决：

• 将您想要删除的内容包含在一个或具有唯一类名的内容中说：

  <div class="mr-class-name"> My content that I would like to make disappear when the viewport is anything less than 481px </div>

• 然后使用CSS文件底部的媒体查询，您可以说：

  @media all和（max-width：480px） {     .mr-class-name {display：none; } }

应该这样做。