Html iphone 5、7.1.2上safari中h1元素下的额外填充/空间

我对iphone/safari上我的h1元素下面出现的间距有问题。我的页面上的按钮在safari中也存在这个问题

已经尝试过垂直对齐：底部，并为h1到0px设置各种填充。我知道我可以用一个负的边距或者像15px 10px 10px 10px这样的填充来修复这个问题，但是必须有某种方法来找出在safari中添加到h1的内容并将其删除：）

希望其他人能给我指出正确的方向

以下是一些图片（由于我的新身份，不允许上传图片）：

• 我希望它看起来怎么样（以及它在谷歌的桌面上看起来怎么样 铬）：

• 它在Safari中的外观：

测试站点链接：

davidpetersson.nu/test

我整天都在研究这件事，但什么也没发现。我希望我的描述足够好，并且我不会冒犯任何人，因为我在这方面是新手：）

---

继续摇滚

您是否尝试过此

html{-webkit text size adjust:none；}

尝试过它，但我的css中的body元素除外。更改为html元素，没有区别：/Thnx要获得快速答案，请与fiddle共享代码，并使用工作示例。如果使用@media type，请检查标题的填充。您可以在此处看到代码：