我正在尝试将我的移动用户和所有小型设备用户重定向到我的移动版网站。 但我不喜欢更改我的网址。 像下面的例子，
桌面版：domain.com（带有桌面版网站）
移动版：domain.com（带有移动版网站）
【问题讨论】：
htaccessrewrite URL 来完成这项工作
标签： javascript wordpress redirect
重定向意味着改变窗口位置。
由于您不想拥有一个单独的移动网站， 唯一可行的解决方案是使用良好的响应式 ui 框架，如 bootstrap。但是在你的标签中你提到了 wordpress，我觉得大多数 wp 主题实际上都是响应式的。
无论如何，如果您想设计一个响应式站点，请使用引导程序。或者另一种选择是使用媒体查询编写所有 css。 希望对您有所帮助。
【讨论】：
display:none 设置为所有不属于该设备的元素。
您需要为此“即时”替换网站的主题。
你可以用代码来做，但是太长了，用这个插件代替device theme switcher
【讨论】：
两者的 URls 应该相同，并且它们的情况也相同。干得好！
现在，为了自动呈现特定布局，请借助媒体查询。
参考
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
他们定义了特定的宽度范围并只选择那些特定的样式。
所以你有很多工作要做。
这是一种最佳的工作方式，称为响应式设计。
您可以找到n 没有相同的教程。但要进行实验，只需使用一两个媒体查询即可。
此外，请阅读元标记，这些标记可以选择以样式表 https://css-tricks.com/snippets/html/responsive-meta-tag/ 编写的媒体查询
祝你好运！
【讨论】：
在 WordPress 上自定义页面时，您可以在左下角查看您的网站在手机或平板电脑中的外观。
此外，一些页面构建器（如 Elementor）允许您控制哪些部分显示在哪些屏幕上。
陈述您的问题的更好方法是，如何使页面具有响应性？
在阅读Grid Systems 时，您会惊讶于对 div 的方向进行简单更改可以带来巨大的用户体验差异。
当使用使用Grid Systems、Bootstrap 的框架时，您可以想象将任何屏幕分为 12 列（网格）。然后，您可以通过添加类来指定 div 在每个屏幕尺寸上占据多少个部分。例如，<div class = "col-sm-6 col-lg-3" </div> 将覆盖在小屏幕（6 是 12 的一半）和四分之一大屏幕中的屏幕（水平）。
这个peocess背后的原因是消除左右滚动，使其更容易导航。 希望这能让您对制作适合移动设备的网站所需的内容有所了解。祝你好运！
【讨论】：
感谢大家评论我的问题。 现在我写了我自己的答案，我找到了我的问题的答案。
响应式设计不是答案。您必须展示网站的移动版本，而不是网站的响应版本。所以使用
@media()没用。
对于这个问题，您必须在后端检测用户的设备。例如在 PHP 中你可以使用mobile-detect。 您可以检测您的设备并显示该设备的模板。
此外，移动检测有一个 js 版本。 click here 希望您能在这里找到答案。
【讨论】：