Html 在横向模式下,字段集在ipad上未正确显示

Html 在横向模式下,字段集在ipad上未正确显示,html,ipad,safari,fieldset,landscape-portrait,Html,Ipad,Safari,Fieldset,Landscape Portrait,我有一个asp.net网页。它有一个字段集。我在iPad上的safari中访问此页面。在纵向模式下,这是正确的。如中所示,我可以看到页面的字段集和功能也是正确的。我将ipad倾斜到横向,fieldset消失了 在横向模式下,我注意到现场设置存在,但非常轻。这里是一个横向模式的链接 若你们仔细观察风景,在“过滤器”和“客户信息面板”上会有一条模糊的线。如何更正它以使页面在两种模式下都设置字段 我有字段集的代码是: <table style="background-color:#EFE

我有一个asp.net网页。它有一个字段集。我在iPad上的safari中访问此页面。在纵向模式下,这是正确的。如中所示,我可以看到页面的字段集和功能也是正确的。我将ipad倾斜到横向,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浏览器上


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

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

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

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


如果将其他属性(例如宽度=设备宽度,初始比例=1.0)添加到内容属性中,它将无法正常工作。

好吧,我本身不需要更多信息,但我遇到了同样的问题。在我的iPad上,完美风格的野外场景只在Safari中以纵向模式显示,而不是横向模式。这个问题在安装iOS7几个小时前才出现:-(查看此页()也显示了这个问题。@ChrisValdivia。我尝试使用空白页和字段集,但没有成功。因此我最终使用了div标记并为它创建了一个边框,并将我的标签放在下面。我的客户喜欢它。太棒了-这使框架集边框在两种模式下都出现了!但不幸的是,这阻止了重新缩放pr在切换方向时操作自如。