input type = "number" на мобильном телефоне сжимается в соответствии с атрибутом max = "x" - PullRequest
Новая
       13

input type = "number" на мобильном телефоне сжимается в соответствии с атрибутом max = "x"

1 голос
/ 12 марта 2019

У меня есть вход, определенный следующим образом: Bulma: 

<div class="field is-horizontal">
  <div class="field-label is-normal">
    <label class="label">
      <span>Quantity</span>
      <sup class="has-text-danger">*</sup>
    </label>
  </div>  
  <div class="field-body">
    <div class="field">
      <div class="control">
        <input class="input" max="4" min="1" placeholder="Enter the quantity" required type="number"/>
      </div>
    </div>
  </div>
</div>

На рабочем столе выглядит так, как должно;то есть он расширяется и заполняет ширину:

На рабочем столе

Но на мобильном телефоне он сильно сжимается.Слишком много, я бы сказал.Несмотря на наличие достаточного пространства для заполнения по ширине.

На мобильном телефоне

Кажется, что атрибут max="x" как-то связан с ним.Потому что когда я удаляю max="x", он снова выглядит на рабочем столе.Как сделать так, чтобы он заполнял доступную ширину, не удаляя max="x"?

...