gpt4 book ai didi

html - 如何在不更改 div 大小的情况下更改 HTML/css 中的字体大小?

转载 作者:太空狗 更新时间:2023-10-29 15:17:18 26 4
gpt4 key购买 nike

当我更改 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;
}

最佳答案

您可以设置 px 的 div 大小或设置 min-widthmin-height 属性。

关于html - 如何在不更改 div 大小的情况下更改 HTML/css 中的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17415955/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com