0

所以,我正在使用 Twitter Bootstrap 开发我的第一个网站。效果很好。现在我正试图让网站响应。当我把屏幕变小(太模拟手机屏幕)时,标志变得越来越大,直到它变得最小的页面尺寸(我猜?),然后它跳得太小并停留在那里。

有谁知道如何解决这个问题?我也希望它保持相同的大小...... HTML:

<div id="header" class="container">
        <img id="logo" class="span2 offset1" src="img/logo.png" title="Hostellerie De Hamert">
        <h1 id="deHamert" class="text-center span6">Hostellerie De Hamert</h1>
    </div>

CSS:#logo{ background-color: transparent; max-width: none; } 当然,还集成了引导程序。

4

2 回答 2

1

也许你应该试试class='container-fluid'

参考这里:http: //twitter.github.io/bootstrap/scaffolding.html#responsive

于 2013-05-21T08:06:45.587 回答
1

您在图像元素上设置“span2”类。当使用 Bootstraps 响应库时,所有“跨度”将彼此堆叠,而不是从某个屏幕宽度浮动。我建议您只需将#logo 的宽度和高度设置为静态值。

http://jsfiddle.net/pC2xd/

尝试删除width: 100px; height: 100px以查看没有这些静态值会发生什么。

于 2013-05-21T08:09:04.580 回答