iPhone6 Plus中缺少字段集边框

Question

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

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

对于所有设备（iPhone和iPad）：一经放大，字段集边框即消失。

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

请提供一些指示

Answer 1

尝试使用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;
}