Question

我使用bootstrap开发了一个网站，但我没有在代码中包含bootstrap-respinsive.min.css。一切似乎在台式机上运行良好，但是当从移动设备或平板电脑访问它时它会缩小，从而变得混乱。

如何让我的代码坚持最小缩小范围？下面是我的HTML头

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta content="Obytes, Orange Bytes, Startup, Django, Python, PostgreSQL" name="keywords">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="img/favicon.png" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="fonts/font.css"/>


    <title>The title</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" media="screen" rel="stylesheet">
</head>

Answer 1

我看到的第一个问题是代码中没有<body>个标签。这可能会给您带来一些问题。

其次，在不知道style.css的内容的情况下，我只能猜测。话虽如此，我认为min-width标记的body设置可能会被覆盖，如果你确实设置了它。对此的解决方案是在 bootstrap.min.css之后链接到您的CSS文件，如下所示：

<link href="css/bootstrap.min.css" media="screen" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" type="text/css">

或者您可以在现有代码后设置正文标记的最小宽度：

<link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap.min.css" media="screen" rel="stylesheet"> <style> body{min-width: 1024px;} </style>

尝试一下，让我知道结果。

注意：我假设您了解样式表的级联部分。如果你不这样做，请说出来。

在移动电话和平板电脑的引导程序中禁用响应能力

1 个答案: