我是否可以将响应性WordPress站点的某个部分设置为非响应性？

我有一个WordPress网站，它完全响应了我喜欢的内容——但其中一个页面是两列歌曲列表。它在移动设备上看起来真的很混乱，所以我想知道是否有标签或其他东西可以放在歌曲的代码周围，这样只有那一部分不会响应，只会与其他设备成比例地缩小。见截图。有时候我觉得没有响应的网站看起来更好。除了音乐页面外，这一页还可以。我只是不喜欢歌曲在移动设备上的排列方式

反应性与非反应性

---

首先让我声明，您应该在手机上为它们找到一个替代/适当的布局（例如单列，或单击>在2列中弹出）。最简单的方法是将媒体查询设置为它们开始“看起来不好”的大小，并强制将其放入单个列中

也就是说，你可以很容易地使用钩子有条件地加载一个页面，或者如果你的主题有一个“每页”标题/元标记部分，只需在其中添加元标记即可。如果没有，则

functions.php

文件中的以下内容应该可以工作：

add_action( 'wp_head', 'add_custom_viewport_meta' );
function add_custom_viewport_meta(){
    if( get_the_ID() == 123 ){
        echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
    }
}

add_动作（'wp_head'，'add_custom_viewport_meta'）；
函数add_custom_viewport_meta（）{
if（获取\u ID（）==123）{
回声'；
}
}

---

当然，将

123

替换为您想要显示的页面的实际ID，并将

initial scale=1

替换为您想要的外观所需的任何数字。

首先让我说明，您应该在手机上为它们找到一个替代/适当的布局（例如单列，或单击>在2列中弹出）。最简单的方法是将媒体查询设置为它们开始“看起来不好”的大小，并强制将其放入单个列中

也就是说，你可以很容易地使用钩子有条件地加载一个页面，或者如果你的主题有一个“每页”标题/元标记部分，只需在其中添加元标记即可。如果没有，则

functions.php

文件中的以下内容应该可以工作：

add_action( 'wp_head', 'add_custom_viewport_meta' );
function add_custom_viewport_meta(){
    if( get_the_ID() == 123 ){
        echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
    }
}

add_动作（'wp_head'，'add_custom_viewport_meta'）；
函数add_custom_viewport_meta（）{
if（获取\u ID（）==123）{
回声'；
}
}

---

当然，将

123

替换为您想要显示的页面的实际ID，并将

initial scale=1

替换为任何能提供所需外观的数字。

我发现，将宽度和高度参数分别设置为vmax和vmin将使任何页面在任何屏幕大小上看起来都相同。您要做的是确定桌面上元素的高度和宽度（以像素为单位），然后将宽度属性（即最大宽度）除以屏幕宽度，将高度属性除以屏幕高度。它还负责用户是否旋转手机。

我发现，将宽度和高度参数分别设置为vmax和vmin将使任何页面在任何屏幕大小上看起来都相同。您要做的是确定桌面上元素的高度和宽度（以像素为单位），然后将宽度属性（即最大宽度）除以屏幕宽度，将高度属性除以屏幕高度。如果用户旋转手机，它也会提供帮助。

非常感谢！你能澄清这一点吗“，或者点击第2栏中的>弹出窗口”这是代码还是WordPress选项？这是你必须编码的东西，除非有一个插件来处理你正在使用的音频平台（我不确定是否有或者什么是可用的）。下面是我的意思的一个快速模型：-这需要一些重要的设置，但它将允许您保留这两列，并更合适地容纳移动设备。甚至可能有一些主题更倾向于音频剪辑，并且有一些更好的内置内容，不幸的是，我不能推荐任何我最喜欢的主题谢谢！你能澄清这一点吗“，或者点击第2栏中的>弹出窗口”这是代码还是WordPress选项？这是你必须编码的东西，除非有一个插件来处理你正在使用的音频平台（我不确定是否有或者什么是可用的）。下面是我的意思的一个快速模型：-这需要一些重要的设置，但它将允许您保留这两列，并更合适地容纳移动设备。甚至可能有一些主题更倾向于音频剪辑，并且有一些更好的内置内容，不幸的是，我不能推荐我的任何一个顶部