使用浏览器扩展标题
使用浏览器扩展标题
提问于 2013-03-03 08:41:22
h1 {
font-family: 'Holtwood One SC';
color: #1C003A;
font-size: 4em;
}
#header {
float:left;
text-align:center;
width: 95%;
margin: 0px 20px 0px 20px;
}
<div id="header"><a href="index.html"><h1>Spilling the Beans</h1></a></div>这是CSS和HTML。头文件的div就在正文中。我不知道在浏览器中输入什么才能使其扩展和缩小。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-03 09:02:53
好吧，如果你只是删除了float:left和width:95%，那么它将自动使用浏览器的整个宽度，因为这是默认设置。
但是，如果您实际上讨论的是根据浏览器大小使文本大小本身变大和变小，则可以尝试使用Viewport Units：
h1 {
font-size:4em;
font-size:5vw;
}第一个是pt、px、em或其他通用单元，这一点非常重要，这样不支持Viewport unit的浏览器就有了依靠。至于视口单位，请根据需要进行调整。也可以使用vh而不是vw基于视口的高度而不是宽度来调整文字大小。
如果这也不是你的意思，请说得更具体些。
Stack Overflow用户
发布于 2013-03-03 09:03:37
您应该在body中设置边距，并删除页眉上的float和margin
body{
margin:0; padding:20px;
}
#header {
text-align:center;
width: 100%;
background:#ccc;
margin:auto;
}请参阅http://jsfiddle.net/8dtqs/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15181178
复制相关文章
相似问题
腾讯云开发者
