1

ブートストラップを使用して Web サイトを開発しましたが、コードに 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設定している場合、タグの設定が上書きされている可能性があると私は考えています。これに対する解決策は、次のように、bootstrap.min.css の後bodyに CSS ファイルにリンクすることです。

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

または、既存のコードの後に​​ body タグの最小幅を設定できます。

<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 に答える