css - Reposition content on iOS -


is possible reposition content on page when viewed on ipad/iphone example. have content (jquery flip) boxes in grid shape, can these repositioned css horizontal line/carousel-type-thing can swiped through on ipad etc.? reduce amount of vertical scrolling on page.

i'm not sure if media screen best option resolution of ipads getting larger , therefore new ipads display differently older ones , i'd quite keep grid view non-mobile device viewing. problem selecting based on os(?) excluding android/other devices , oss.

any advice appreciated.

i use code detect mobile os :

    if ((navigator.useragent.match(/iphone/i))      || (navigator.useragent.match(/iemobile/i))      || (navigator.useragent.match(/ipod/i))      || (navigator.useragent.match(/ipad/i))      || (navigator.useragent.match(/blackberry/gi))      || (navigator.useragent.match(/android/gi))) {         //cool stuff here     } 

and webkit, maybe can use in little js trigger css:

    if ( $.browser.webkit || $.browser.safari){          //cool stuff here     } 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -