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

Question

正如标题所暗示的，我希望拥有一个内容较少的响应式 WordPress 设计的主页。这是因为主页非常长，内容明智，这使得在移动设备上到达页面底部超出了人类的容忍范围。

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

Answer 1

我会这样解决它：

• 将您想要消失的内容包装在 a 中或使用唯一的类名说：

  <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 and (max-width:480px) { .mr-class-name { display: none; } }

那应该这样做。