В планшете криво отображается форма

Статус
В этой теме нельзя размещать новые ответы.

danneo

Честный
Регистрация
13 Ноя 2007
Сообщения
1.527
Реакции
121
Подскажите, пожалуйста, как определить разрешение планшета в браузере, чтобы найти причину?
В форме textarea не переносится флоатом, а зависает внизу других криво. Сначала был глюк в хроме на ПК... исправил. Но проверяю на планшете в горизонтальном положении - глюк остался. В настройках хрома ставлю "Полная версия", глюк пропадает.
Как найти причину?
 
Подскажите, пожалуйста, как определить разрешение планшета в браузере, чтобы найти причину?
Код:
<div class="debug">
<style>
    .debug{
      display: block;
      font-size: 12px;
      position: fixed;
      bottom: 50%;
      right: 0;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 20px 0 0 20px;
      padding: 5px 8px 5px 10px;
    }
    @media screen and (max-width:600px){
      .debug{
        font-size: 10px;
      }
    }
  </style>

  <div class="dwr"></div>

  <script>
    function resolution() {
      $( ".dwr" ).text($( window ).width()+ "×" + $( window ).height());
    }

    resolution();

    $( window ).resize(function() {
      resolution();
    });
  </script>

</div>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху