Разве экран iphone не размером с хз в начальной загрузке?

Question

У меня есть следующая HTML-форма:

@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css)

<div class="col-md-6 d-none d-sm-block" style="margin-top:200px; z-index:11;">
  <div class="card bg-secondary text-center card-form">
    <div class="card-body">

      <h2 style="font-weight:800;">Contact Me</h3>
        <form action="" method="post" class="p-3 m-3">
          <div class="form-group">
            <div class="input-group">
              <input class="form-control" type="text" placeholder="Your Email" name="email">
              <div class="input-group-append">
                <span class="input-group-text">@</span>
              </div>
              <input class="form-control" type="text" placeholder="Your Domain" name="domain">
            </div>
          </div>
          <div class="form-group">
            <input type="text" class="form-control form-control-lg" placeholder="Name" name="name">
          </div>
          <div class="form-group">
            <textarea rows="5" class="form-control form-control-lg" placeholder="message" name="message"></textarea>
          </div>

          <button type="submit" name="submit" class="btn btn-block btn-outline-info">Submit</button>
        </form>
    </div>
  </div>

Я хотел скрыть форму на экранах размера xs.Тем не менее, он все еще отображается на моем iPhone.Когда я изменил «d-sm-block» на «d-lg-block», форма исчезла.Как iPhone считается размером MD?Разве это не хз?

Answer 1

размер iPhone

iPhone имеет высоту CSS между 320px и 414px.Для получения дополнительной информации посетите mydevice.io .

Bootstrap-grid

Источник - bootrap-4

Как видно из таблицы выше, col-sm-* предназначены для устройств с шириной области просмотра более 576px. Поэтому d-none d-sm-block должно работать, если только выизменили размер сетки по умолчанию для начальной загрузки