8

div (id="home") のテキスト サイズを変更すると、div のサイズも変更されます。毎回divサイズを変えずにテキストサイズを変えられるようにしたいです。

HTMLは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
        <link type="html/css" rel="stylesheet" href="websiteCSS.css"/>
        <title>PROTOTYPE</title>
    </head>
    <body>
        <div id="sidebar"></div>
        <div id="home" class="header">Home</div>
    </body>
</html>

そしてCSS：

body{
    margin: 0; 
    background: #d5e9d7;
}

#sidebar {
    z-index: 1;
    position: fixed;
    width: 20%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    #background-color: light blue;
    background-image: linear-gradient(to bottom, #545454 0%, #424242 100%);
    margin-bottom: 10px;
}

.header {
    position: fixed;
    width: 2.5em;
    height: 1em;
    padding: 8px;
    background-color: #b2b2b2;
    margin-top: 0.5%;
    margin-left: 20.5%;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2em;
    color: #333333;
}

.header:hover {
    font-size: 2.1em;
}
4

2 に答える 2

1

div のサイズをpx設定するか、 min-widthormin-height属性を設定できます。

于 2013-07-02T01:19:04.110 に答える
0

コンテナーの div (幅と高さ) を設定して、最悪の場合 (最大) のフォント サイズを保持できるようにします。これにより、フォント サイズに応じて div のサイズ変更が停止します。

于 2013-07-02T01:17:18.337 に答える