Recomendo usar o $(window).width()
. Como é um método jQuery, é compatível com todos os navegadores.
Ele retorna a largura da janela do navegador (exceto a barra de scroll). Quando não há scroll, ele retorna a largura completa.
Em dispositivos móveis, o scroll não ocupa espaço na largura, portanto, acho melhor calcular apenas a largura útil da tela, tanto em disp. móveis quanto desktops.
Complementando:
Seu código está incorreto também. Tanto o width
quanto o height
devem receber px
(pixels) nos valores, como abaixo:
$( ".slide img" ).css("height",largura+"px");
$( ".banner" ).css("height",largura+"px");