iphone6 plus中缺少Fieldset边框

Question

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

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

对于所有设备（iPhone和iPad）： 一旦我放大，fieldset border就会消失。

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

请提供一些指示

Answer 1

尝试使用div模仿fieldset而不是HTML fieldset：

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;
}