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上

回答

相關問題