Question

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

顺便说一句，如果你们需要这些代码：

编辑：我使用的是Android 4.2手机，原生浏览器

Answer 1

您应该使用以下结构

<!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>

Answer 2

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

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

Answer 3

我认为你正在解决这个问题：

http://css-tricks.com/css-tricks-chronicle-vol-iv/

某些移动浏览器需要此格式才能导入：

@import url（“css / style.css”）;

CSS无法在移动浏览器中使用

3 个答案: