html - fieldset 在横向模式下无法在 ipad 上正确显示

Question

我有一个 asp.net 网页。它有一个字段集。我在 iPad 上的 safari 浏览器中访问了这个页面。在纵向模式下是正确的。如中，我可以看到页面的字段集和功能也是正确的。我将 ipad 倾斜到横向，然后 fieldset 消失了。

Snapshot of how the page looks in POTRAIT MODE

在横向模式下，我注意到字段集存在但非常轻。这是横向模式的链接。

Snapshot after moving it into LANDSCAPE mode .

如果您仔细观察风景，会发现“过滤器”和“客户信息面板”上有一条微弱的线条。我如何更正它以使页面在两种模式下都设置字段？

我有字段集的代码是:

  <table style="background-color:#EFEFEF;  border-collapse: collapse; border-spacing: 0;width:100%">
    <tr>
        <td style="vertical-align:top; width:510px;">
            <fieldset style="border:solid;border-color:brown;" onclick="">
                <legend style="text-align: center">FILTERS</legend>

                <table cellspacing="5" style="text-align: left; table-layout:fixed;" >
                   <tr>
                      .....

编辑:这也发生在 iPad 上的 Chrome 浏览器上。

如果您需要更多信息，请告诉我。谢谢

Answer 1

标签字段集的解决方案:

<meta name="viewport" content="maximum-scale=1.0, user-scalable=no"/>

如果您将其他属性(例如 width=device-width、initial-scale=1.0)添加到内容属性中，它将无法正常工作。