Блог

Здесь довольно простая проблема. Всякий раз, когда я меняю окна браузера, div в моем коде меняет размер. Внутри div находится список ссылок, в Chrome div идеально инкапсулирует все ссылки, но в чем-то вроде Firefox или Safari div останавливается примерно на предпоследней ссылке. Как сделать размер div одинаковым во всех браузерах?

 .test {
  width: 420px;
  height: 2270px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  align: center;
}
 

Я предполагаю, что это связано с тем, как каждый браузер интерпретирует его, но я не совсем уверен, как это исправить.

Да, вы можете сохранить фиксированный размер div в зависимости от другого размера окна. Но это зависит от ваших потребностей. Если ваш div содержит текст/изображение , вы можете использовать

 overflow:hidden; 

Опять же, ваш div становится таким маленьким для экранов меньшего размера, и это ваша главная проблема, вы можете использовать

 min-width: 200px; 

В этом случае, даже если родительский div становится меньше, дочерний div будет таким же, если только родительский div не станет меньше дочернего div.