block1{
position: relative;
}
block2{
position: absolute;
bottom: 0;
}
<img src width="100" height="100"/>
тогда она не будет размытойelement{
width: 100vw; /* или 100% */
height: 100vh;
/* и/или height вычислять в js через document.body.clientHeight и там же задавать
$('element').height(document.body.clientHeight); на ready и resize function*/
}
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
html {
overflow-y: scroll;
}
function setheight(){
var clientHeight = document.body.clientHeight;
$('.hei').height(clientHeight);
}
$(document).ready(function() {
function setheight();
});
$(window).resize(function(){
function setheight();
});