Полевое изображение не отображается правильно на ipad в ландшафтном режиме

У меня есть веб-страница asp.net. У него есть набор полей для него. Я посещаю эту страницу в сафари на своем iPad. В портретном режиме это правильно. Как и в, я вижу, что набор полей и функциональность страницы также верны. Я наклоняю ipad к Landscape, и полевое поле исчезает.Полевое изображение не отображается правильно на ipad в ландшафтном режиме

Snapshot of how the page looks in POTRAIT MODE

Когда в ландшафтном режиме, я заметил, что FIELDSET присутствует, но очень легкий. Вот ссылка для ландшафтного режима.

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> 
         .....

EDIT: Это происходит также в браузере Chrome на IPad.

Если вам нужна дополнительная информация, пожалуйста, дайте мне знать. Благодаря

источник

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

Замечательно - это сделало рамку рамки рамкой в обоих режимах! К сожалению, это не позволяет вещам правильно масштабироваться при переключении ориентации , –

здесь решение для тега FIELDSET:

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

если добавить другие свойства (например, ширина = device- width, initial-scale = 1.0) в атрибут content он не будет работать должным образом.

источник

2014-11-12 15:18:59 Santo

Полевое изображение не отображается правильно на ipad в ландшафтном режиме

ответ

Смежные вопросы