如何将移动网站链接到我的PC版网站

我已经为朋友构建了一个网页，并且它在PC上看起来很棒，但是当在设备上观看时，事物重叠并且看起来很可怕。我为移动设备构建了一个更简单的响应式版本。如何在通过移动设备访问网站时编写移动版本？我在我的页面中使用html和css，并将ftp客户端作为filezilla。感谢您的帮助，我在网上进行了研究，但发现各地都有各种各样的答案，从来没有直接的答案。也许我没有正确地问这个问题？如何将移动网站链接到我的PC版网站

来源

2017-06-19 T.Murrell

请澄清您的具体问题或添加其他详细信息，以确切地突出显示您的需求。正如它目前所写，很难确切地说出你在问什么。请参阅[如何提问]（https://stackoverflow.com/help/how-to-ask）页面以获得澄清此问题的帮助。 **注**，寻求帮助的问题（“**为什么不是，或如何使这个代码工作？”）必须包含_ **最短的代码** _来重现它**自问**。请参阅：[如何创建最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。 – LGSon

您应该使用媒体查询来定义使用哪个css。例如：

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

来源

2017-06-19 13:08:34

假设你想自动重定向从您的桌面网站，移动网站，如果它是从移动设备访问，最简单的方法是使用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"/>

来源

2017-06-19 13:18:04

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

如何将移动网站链接到我的PC版网站

回答

相关问题