html - Sprite Image Resize - Make Responsive when resizing browser -


i having issues making sprite have resize, when resize browser window. remiander of template repnsive including nav menu.

the sprite remains fixed , sticks out of page when resizing.

how make size rest of template (removing width scroll bars)

if remove sprite displays correctly.

i have created fiddle not showing when click results.

i have uploaded page here:

test page

thank you.

perfect solution have got u can use have used solution , works fine on browser except android browser

.playersp { display: block; background: url(blue_sprite.png) no-repeat; } .next-button { background-position: -83px -6px; width: 41px; height: 46px; }

var abc=(screen.availheight+screen.availwidth);     $( window ).resize(function() {     var aaa=($(document).height()+$(document).width());     scale=abc/aaa;        $('#playercontainer').css({ 'zoom': (1/scale), '-moz-transform': 'scale('+(1/scale)+')', '-moz-transform-origin': '0 0 ' });     }); </script> 


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -