我已经为朋友构建了一个网页,并且它在PC上看起来很棒,但是当在设备上观看时,事物重叠并且看起来很可怕。我为移动设备构建了一个更简单的响应式版本。如何在通过移动设备访问网站时编写移动版本?我在我的页面中使用html和css,并将ftp客户端作为filezilla。感谢您的帮助,我在网上进行了研究,但发现各地都有各种各样的答案,从来没有直接的答案。也许我没有正确地问这个问题?如何将移动网站链接到我的PC版网站
0
A
回答
0
您应该使用媒体查询来定义使用哪个css。例如:
<link rel="stylesheet" media="(max-width: 800px)" href="mobile.css" />
<link rel="stylesheet" media="(max-width: 1800px)" href="computer.css" />
0
假设你想自动重定向从您的桌面网站,移动网站,如果它是从移动设备访问,最简单的方法是使用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"/>
+0
感谢大家的帮助!运行平稳。这是一个非常简单的网站给朋友,但请查看@ cobrasvg.com。再次感谢。 –
相关问题
- 1. 如何将我的网站重定向到移动网站
- 2. 如何在移动网站上创建“桌面版”链接,而不将其重定向到移动网站
- 3. WordPress网站已将我的链接重定向到onclickads网站
- 4. 将谷歌链接到我的网站
- 5. 移动版本的网站
- 6. 如何将文件链接到网站
- 7. 如何将UIWebView链接到网站
- 8. 响应链接将客户引导到移动网站或桌面网站
- 9. 如何制作网站的移动版
- 10. 如何将移动用户重定向到我的网站的移动版本?
- 11. 如何将网站移植到移动版本中?
- 12. 网站重定向到移动网站
- 13. 将Sharpoint网站迁移到Google网站
- 14. 如何检查移动版网站?
- 15. 我如何从Python网站抓取网站上的pdf链接
- 16. PHP/HTML:使用移动设备的移动网站到桌面版网站
- 17. 链接我的网站
- 18. 如何从jQuery Mobile的网站切换到PC网站
- 19. 如何将两个wordpress网站转移到新的网站
- 20. 如何将我的网站链接与cname链接?
- 21. 如何复制链接到我的网站的网址?
- 22. 什么是将PC网站重定向到移动版本的最佳方式
- 23. 如果链接我不存在于其他人的网站中,则移除网站上的自动链接
- 24. 网站的链接,从我的网页
- 25. 移动网站
- 26. 移动网站
- 27. 如何将biblio节点从旧网站转移到新网站?
- 28. 如何将googleapis链接重定向到我的网站?
- 29. 如何在移动网站
- 30. 如何将我的旧网站A的Facebook评论迁移到网站B?
请澄清您的具体问题或添加其他详细信息,以确切地突出显示您的需求。正如它目前所写,很难确切地说出你在问什么。请参阅[如何提问](https://stackoverflow.com/help/how-to-ask)页面以获得澄清此问题的帮助。 **注**,寻求帮助的问题(“**为什么不是,或如何使这个代码工作?”)必须包含_ **最短的代码** _来重现它**自问**。请参阅:[如何创建最小,完整和可验证示例](http://stackoverflow.com/help/mcve)。 – LGSon