1

我使用 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>
4

1 回答 1

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>

试试这些，让我知道结果。

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

于 2013-07-03T02:46:58.667 回答