Question

我有一个asp.net网页。它有一个字段集。我在iPad上的safari中访问此页面。在纵向模式下它是正确的。在中，我可以看到页面的字段集和功能也是正确的。我将ipad倾斜到横向，并且字段集消失。

Snapshot of how the page looks in POTRAIT MODE

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

Snapshot after moving it into LANDSCAPE mode。

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

我有fieldset的代码是：

  <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）添加到内容属性中，它将无法正常工作..

Answer 2

也许你的问题可以通过定义一个视口来解决：

<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0">

在横向模式下，ipad在ipad上显示不正确

2 个答案: