CSS 在移动浏览器中不起作用

新手上路,请多包涵

http://mpkosis28.com/28cup

从笔记本电脑或台式机上查看时,该网站看起来很完美。但是,当我尝试通过手机访问它时,它无法识别网站的 css 文件,只能加载 html 部分。通读其他类似的问题,但他们似乎没有和我一样的问题。关于如何解决它的任何建议?

顺便说一句,如果你们需要代码:

这是一个示例 css 文件

编辑:我使用 android 4.2 手机,本机浏览器

原文由 hiu28 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 403
2 个回答

您应该使用以下结构

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pruebas</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0;">
    <link rel="stylesheet" href="styleslocation/style.css">

</head>
<body>

    <!--Content here-->

</body>
</html>

原文由 Mario Sanchez Maselli 发布,翻译遵循 CC BY-SA 3.0 许可协议

您需要确保您告诉浏览器将视口设置为设备宽度。只需在您的文档头中定义元内容:

 <meta name="viewport" content="width=device-width; initial-scale=1.0;">

原文由 calyxofheld 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题