html - iPhone 6 Plus中缺少字段集边框

我正在网站的响应部分上工作，在iPhone 6 plus中，缺少字段集边框（纵向和横向模式）。

我在iPhone 6 plus的其他响应网站（w3schools）上检查了fieldset元素，
在纵向模式下，我可以看到边框，但在横向模式下它会消失。

对于所有设备（iPhone和iPad）：
我放大后，fieldset边框就会消失。

如果我删除图例，则边框将再次出现（在所有情况下）。

请提供一些指示

最佳答案

尝试使用div模拟字段集而不是HTML字段集：

HTML：

<div class="fieldset">
    <h1><span>Title</span></h1>
    <p>Content</p>
</div>

CSS：

.fieldset
{
border: 1px solid #ddd;
margin-top: 1em;
width: 500px;
}

.fieldset h1
{
font-size: 12px;
text-align: center;
}

.fieldset h1 span
{
display: inline;
border: 1px solid #ddd;
background: #fff;
padding: 5px 10px;
position: relative;
top: -1.3em;
}

关于html - iPhone 6 Plus中缺少字段集边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29218615/