fieldset在横向模式下无法正常显示在ipad上

我有一个asp.net网页。它有一个字段集。我在iPad上的Safari浏览器中访问此页面。在肖像模式下，它是正确的。如在，我可以看到页面的字段集和功能也是正确的。我将iPad倾斜到横向，场景集消失。fieldset在横向模式下无法正常显示在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浏览器。

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

来源

2013-10-03 RookieAppler

嗯，我不需要更多的信息本身，但我遇到了同样的问题。在我的iPad上，完美风格的字段只能在Safari中以纵向模式显示，而不是风景。这个问题在安装iOS7后几小时才出现。 :-(查看这个页面（http://www.w3schools.com/tags/tag_fieldset.asp）展示了这个问题。 –

@ChrisValdivia。我尝试了一个空白页面和一个字段集，但它没有工作。所以我最终使用了div标签并为它创建了一个边框，并将其标签放在它的下面，我的客户喜欢它 – RookieAppler

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

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

来源

2013-10-23 20:32:14 GeertNimage

精彩 - 这使得框架集边框在两种模式下都显示！不幸的是，这可以防止在切换方向时正确重新缩放。 –

这里标签字段集解决方案：

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

如果添加其他属性（例如宽度=装置 - 宽度，初始缩放= 1.0）到内容属性它将无法正常工作..

来源

2014-11-12 15:18:59 Santo

fieldset在横向模式下无法正常显示在ipad上

回答

相关问题