jquery - 使浏览器窗口非常短时使标题全宽

Question

<分区>

Answer 1

此技术称为 Responsive Design并依赖 media queries .

在这种情况下，他们正在改变这个:

.header-image #title-area,
.header-image #title,
.header-image #title a {
    display: block;
    float: left;
    height: 90px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 265px;
}

为此:

#title {
    width: 100%;
    padding: 18px 0 17px;
}

#title-area {
    float: none;
    text-align: center;
    width: 100%;
}

当浏览器宽度小于 800px 时。 (参见 their CSS file 并搜索 #title)。其中最重要的两个部分是删除 float 并将宽度设置为 100%。