html - 如何将手机网站链接到我的电脑版网站

标签 html css mobile web filezilla

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

最佳答案

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

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

关于html - 如何将手机网站链接到我的电脑版网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44631415/

相关文章:

javascript - 图像未使用 onpage_scroll 在 javascript 中加载

javascript - HTML 表单提交到数据库并重定向到感谢页面

javascript - 缺少 Firefox 移动错误控制台

javascript - React Native,成功设置状态但想同时保存在asyncStorage中

html - 如何在 IE 中隐藏 clipPath

Html.DropDownListFor() 验证有效但字段​​未变为红色

jquery - CSS禁用输入控件内容的选择

html - 试图将两个按钮和段落保持在表中同一行的同一水平线上

html - 复选框链接 - 显示内联和 float 左侧不起作用

iphone - 移动应用程序 - 针对 iPhone、WP7、Android 和黑莓