在手机和平板电脑的引导程序中禁用响应能力答案

【问题标题】：disabling responsiveness in bootstrap for mobile phones and tablets在手机和平板电脑的引导程序中禁用响应能力
【发布时间】：2013-06-29 22:45:23
【问题描述】：

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

【问题讨论】：

我有点困惑。您说您没有包含响应式 css 文件，但您的代码显示其他内容。你能澄清一下吗？
对不起，这是错误的，我正在尝试响应式并按原样复制它。我刚刚修好了..
如果您不想要响应式网站，为什么还要使用 Bootstrap。

标签： twitter-bootstrap

【解决方案1】：

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

其次，在不知道你style.css的内容的情况下，我只能猜测。话虽如此，我认为body 标签的min-width 设置可能会被覆盖，如果您确实设置了一个。解决方案是链接到您的 CSS 文件 after bootstrap.min.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>

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

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

【讨论】：