انتخاب تمام ارتفاع صفحه

میتونید یه چنین کاری انجام دهید که کاملا وسط صفحه قرار بگیره ;   اگه عکس هم بزارید میبینید که  کاملا سایز عکس حفظ شده ; البته عکسی که طول و عرض خوبی داشته باشه

*{
  padding: 0;
  margin: 0;
}

.div{
  background: red;
  background-position: center;
  background-size: cover;
  height: 100vh;
}

سلام

روش اول: باتوجه به سوال شما در ابتدا باید عنصر div، پدرش ارتفاع ۱۰۰% داشته باشد.مثلا اگر div مستقیما فرزند body است بصورت زیر عمل می کنیم:

body {
  min-height: 100%;
  height: 100%;
}

html {
  height:100%;
}

div {
  width: 100%;
  height: 100%;
  background-color: #3e3e3e;
}

روش دوم:  شما می توانید تنها با واحدهای مربوط به viewport این کار رو انجام بدین:

div {
  height: 100vh;
}

البته باید مراقب پشتیبانی مرورگرها هم باشید.