Сравнение двух [закрытых] XML-схем

Если вы хотите поместить квадрат в окно просмотра на любом портретном или альбомном представлении (насколько это возможно, но ничего не торчит снаружи), переключитесь между использованием vw / vh в ориентации portrait / landscape :

@media (orientation:portrait ) {
  .square {
    width :100vw;
    height:100vw;
  }
} 
@media (orientation:landscape) {
  .square {
    width :100vh;
    height:100vh;
  }
}