博主在使用CSS格式化HTML5页面时遇到了一个问题，标题元素在不同设备上显示时，底部总是比其内容多出几个像素的空间。尽管已使用CSS重置将所有元素的填充和边距设为0，标题元素仍然存在底部填充。问题出现在Safari浏览器（Mac）和Android设备上的Chrome浏览器，标题元素在内容下方有额外的间距，类似于设置了底部填充。博客中提供了相关的HTML和CSS代码片段进行问题描述。
我遇到问题，使用CSS格式化HTML5 元素。看起来不管我做什么，标题总是在高度尺寸上显示比它包含的元素大几个像素。HTML5标题元素有额外空间
图像都是相同的高度。在我的CSS中，我有一个CSS重置填充和边距为0，没有边距或填充分配给我的图像或我的标题。使用Safari浏览器在Mac上渲染页面，在Android智能手机上使用Chrome浏览器渲染页眉，使图像全部对齐页眉顶部的文档顶部，但页眉始终在内容下方延伸几个像素，几乎像填充底部已被设置为一些价值。
我的HTML：
Responsive Template 
我的CSS：
* {
margin: 0;
padding: 0;
font-size: 5vh;
}
header {
background-color: #444444;
}
#logo {
height: 10vh;
}
#focus {
height: 10vh;
}
#hamburger {
height: 10vh;
float: right;
}
2016-12-04
Ingo
扫一扫
7113
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
