如何将移动网站链接到我的电脑版网站答案

【问题标题】：How do I link a mobile website to my pc version Web site如何将移动网站链接到我的电脑版网站
【发布时间】：2017-11-21 17:17:04
【问题描述】：

我为朋友建立了一个网页，它在电脑上看起来很棒，但在设备上查看时，事情重叠并且看起来很糟糕。我为移动设备构建了一个更简单、响应速度更快的版本。当从移动设备访问网站时，如何编写代码以使移动版本出现？我在我的页面中使用 html 和 css，并将 filezilla 作为 ftp 客户端。感谢您的帮助，我在网上对此进行了研究，但到处都找到了不同的答案，从来没有直接的答案。也许我没有正确地问问题？

【问题讨论】：

请澄清您的具体问题或添加其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。请参阅How to Ask 页面以获得澄清此问题的帮助。注意，寻求帮助的问题（“为什么此代码不起作用或如何使该代码起作用？”）必须包含必要的最短代码 来重现它在问题本身。请参阅：How to create a Minimal, Complete, and Verifiable example。

标签： html css mobile web filezilla

【解决方案1】：

您应该使用媒体查询来定义要使用的 CSS。例如：

<link rel="stylesheet" media="(max-width: 800px)" href="mobile.css" />
<link rel="stylesheet" media="(max-width: 1800px)" href="computer.css" />

【讨论】：

【解决方案2】：

假设您想从您的桌面网站自动重定向到您的移动网站，如果它是从移动设备访问的，最简单的方法是使用 Javascript 来实现

<script type="text/javascript">
if (screen.width <= 768) {
document.location = "YOUR-MOBILE-SITE.com";
}
</script>

它通过检查浏览器页面宽度来工作，如果它低于768px（通常移动用户宽度小于它），它将重定向到您的移动站点。

或者，如果您只更改网站上的 CSS（没有彻底的 html 更改），而不是进行此类重定向，您可以使用代码样式表而不是重定向，因此它将在移动网站上加载您的移动优化 css 文件：

<!-- Desktop CSS File -->
<link rel="stylesheet" href="screen.css" media="screen"/> 
<!-- Mobile CSS File -->
<link rel="stylesheet" href="handheld.css" media="handheld"/>

【讨论】：

感谢大家的帮助！运行平稳。对于朋友来说，这是一个非常简单的网站，但请查看@cobrasvg.com。再次感谢。