Question

我在bootstrap中添加了一个英雄单位并添加了一个h1标记。当我使屏幕变小时，h1标签会在英雄单位之外流血吗？

您好，谢谢，这是html

    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hero test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim for IE backwards compatibility -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
<div class="container-fluid">
    <div class="row-fluid">
    <header class="span12 hero-unit">
    <img src="img/white.png" alt="Etc
    "class="pull-right" />
    <h1>Art Conference</h1>
    <p></p>
    <p><a href="#">Learn more</a></p>
    </header>
     </div>
</div>



<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Answer 1

您可以根据屏幕尺寸重新调整font-size的{{1}}

h1

侧面注意：

.hero-unit h1{
     font-size: 4.4vw;
 }

调整大小时，bootstrap中的H1标记会在英雄单位外部出血（较小）

1 个答案: