html{
  background:red;
}

body{
  padding:0;
  margin:0;
}

@media all and (min-device-aspect-ratio: 1/1){ /* landscape */
  html{background:yellow}
  object{width:49.3%}
}

@media all and (max-device-aspect-ratio: 1/1){ /* portrait */
  html{background:lime}
  object{width:99.3%}
 
}