2

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

POTRAIT 模式中页面外观的快照

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

将其移至横向模式后的快照

如果您仔细查看横向,“过滤器”和“客户信息面板”上有一条微弱的线。如何更正它以使页面在两种模式下都设置字段?

我有字段集的代码是:

  <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 浏览器上。

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

4

2 回答 2

2

这里是标签字段集的解决方案:

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

如果您将其他属性(例如 width=device-width,initial-scale=1.0)添加到 content 属性中,它将无法正常工作..

于 2014-11-12T15:18:59.827 回答
1

也许您的问题可以通过定义视口来解决:

<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0"> 
于 2013-10-23T20:32:14.477 回答